16/08/2014 Lập trình Web 4
Tại sao lại dùng XHTML?
Có quá nhiều lỗi về cú pháp HTML ở các trang trên internet.
Yê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.
Yêu cầu 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). 16/08/2014 Lập trình Web 7 <!DOCTYPE html> <html> <head> <title>First Page</title> </head> <body> <p>Wellcome to XHTML!</p> </body> </html>
Yê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%">
Yêu cầu về cách trình bày thẻ
Thẻ không có thẻ đóng (img, input,…) sẽ kết thúc bằng />
Cú pháp sai:
<input type="text" size="50"> <br>
Cú pháp đúng:
<input type="text" size="50" /> <br />
Yê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:
Yê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%">
Yê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%">
Yê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" />
Yêu cầu về cách trình bày thuộc tính
Sau đây là danh sách các thuộc tính rút gọn trong HTML, và cú pháp đúng trong XHTML:
Giải đáp thắc mắc