Yêu cầu về cú pháp XHTML... Là sự kết hợp giữa HTML và XML, XHTML bao gồm tất cả các thành phần của HTML, kết hợp với cú pháp nghiêm ngặt của XML.. Yêu cầu về cú pháp XHTML Về cấu trúc t
Trang 1NGÔN NGỮ XHTML
Nguyễn Hoàng Tùng
Bộ môn Kỹ thuật phần mềm
nhoangtung@agu.edu.vn
www.nhtung.com
Trang 2Nội dung chính của slide này
Tại sao lại dùng XHTML?
Yêu cầu về cú pháp XHTML
Trang 3XHTML là gì?
XHTML: eXtensible HyperText Markup Language
Là sự kết hợp giữa HTML và XML, XHTML bao gồm tất cả các thành phần của HTML, kết hợp với cú pháp nghiêm ngặt của XML
để thay thế cho HTML
Trang 4Lịch sử phát triển
1994: HTML 2.0,
1996: HTML 3.2,
2001: XHTML 1.1,
2002: XHTML 2.0,
Tim Berners-Lee
Trang 5Tại sao lại dùng XHTML?
Có quá nhiều lỗi về cú pháp HTML ở các trang trên internet
Trang 6Yêu cầu về cú pháp XHTML
Về cấu trúc tài liệu:
Phải chứa các thành phần bắt buộc (DOCTYPE, html, head,
title, body)
Về cách trình bày thẻ:
Tên thẻ phải viết thường (lower case),
Thẻ không có thẻ đóng (img, input, …) sẽ kết thúc bằng />, Các thẻ có thể lồng nhau, nhưng không đan xen lẫn nhau
Về cách trình bày thuộc tính:
Tên thuộc tính phải viết thường (lower case),
Giá trị của thuộc tính phải đặt trong cặp dấu nháy (" "),
Thuộc tính rút gọn bị cấm sử dụng
Trang 7Yêu cầu về cấu trúc tài liệu
title, body)
<!DOCTYPE html>
<html>
<head>
<title> First Page </title>
</head>
<body>
<p> Wellcome to XHTML! </p>
</body>
</html>
Trang 8Yêu cầu về cách trình bày thẻ
Tên thẻ phải viết thường (lower case)
Cú pháp sai:
<TABLE width="100%" >
Cú pháp đúng:
<table width="100%" >
Trang 9Yêu cầu về cách trình bày thẻ
Cú pháp sai:
<input type="text" size="50" >
<br>
Cú pháp đúng:
<input type="text" size="50" />
<br />
Trang 10Yêu cầu về cách trình bày thẻ
Các thẻ có thể lồng nhau, nhưng không đan xen lẫn nhau
Cú pháp sai:
Cú pháp đúng:
Trang 11Yêu cầu về cách trình bày thuộc tính
Tên thuộc tính phải viết thường (lower case)
Cú pháp sai:
<table WIDTH="100%" >
Cú pháp đúng:
<table width="100%" >
Trang 12Yêu cầu về cách trình bày thuộc tính
Giá trị của thuộc tính phải đặt trong cặp dấu nháy
Cú pháp sai:
<table width=100% >
Cú pháp đúng:
<table width="100%" >
Trang 13Yêu cầu về cách trình bày thuộc tính
Thuộc tính rút gọn bị cấm sử dụng:
Cấu trúc sai:
<input checked >
<option selected >
<frame noresize >
Cấu trúc đúng:
<input checked="checked" />
<option selected="selected" />
<frame noresize="noresize" />
Trang 14Yêu cầu về cách trình bày thuộc tính
cú pháp đúng trong XHTML:
Trang 15Giải đáp thắc mắc