XHTML là gì?
- XHTML là viết tắt của EXtensible HyperText Markup Language
- XHTML là một phiên bản HTML dựa trên XML nhưng sẽ chặt chẽ hơn
- XHTML là HTML được định nghĩa như là một ứng dụng XML
- XHTML được hỗ trợ bởi tất cả các trình duyệt chính
Tại sao lại cần XHTML?
XML là một ngôn ngữ đánh dấu trong đó tất cả các tài liệu phải được đánh dấu một cách chính xác ("well-formed").
XHTML được phát triển để làm cho HTML dễ mở rộng hơn và linh hoạt hơn để làm việc với các định dạng dữ liệu khác (chẳng hạn như XML). Ngoài ra, các trình duyệt bỏ qua lỗi trong các trang HTML và cố gắng hiển thị trang web ngay cả khi nó có một số lỗi trong phần đánh dấu. Vì vậy, XHTML đi kèm với việc xử lý lỗi nghiêm ngặt hơn nhiều.
Những điểm khác biệt nhất so với HTML
- <! DOCTYPE> là bắt buộc
- Attribute xmlns trong <html> là bắt buộc
- <html>, <head>, <title> và <body> là bắt buộc
- Các element phải luôn được lồng đúng cách
- Các element phải luôn được đóng
- Các element phải luôn ở dạng chữ thường
- Tên attribute phải luôn ở dạng chữ thường
- Các giá trị attribute phải luôn được đặt trong dấu ngoặt kép
- Cắt giảm các attribute bị cấm
XHTML - <!DOCTYPE ....> là bắt buộc
XHTML document phải có khai báo XHTML <! DOCTYPE>
.
Các phần tử <html>
, <head>
, <title>
và <body>
cũng phải có mặt và thuộc tính xmlns trong <html>
phải chỉ định không gian tên xml cho tài liệu.
Ví dụ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Tiêu đề/title> </head> <body> nội dung... </body> </html>
XHTML Elements phải được lồng nhau đúng cách
Trong XHTML, các element phải luôn được lồng vào nhau đúng cách, như sau:
Đúng
<b><i>Văn bản</i></b>
Sai
<b><i>Văn bản</b></i>
XHTML Elements phải luôn được đóng
Trong XHTML, các element phải luôn luôn được đóng lại, như thế này:
Đúng
<p>Đoạn văn bản</p> <p>Đoạn văn bản khác</p>
Sai
<p>Đoạn văn bản <p>Đoạn văn bản khác
XHTML Empty Elements phải luôn được đóng
Trong XHTML, các empty element phải luôn được đóng, như sau:
Đúng
Xuống dòng: <br /> Gạch ngang: <hr /> Hình ảnh: <img src="happy.gif" alt="Happy face" />
Sai
Xuống dòng: <br > Gạch ngang: <hr > Hình ảnh: <img src="happy.gif" alt="Happy face" >
XHTML Element phải là chữ thường
Trong XHTML, tên element phải luôn ở dạng chữ thường, như sau:
Đúng
<body> <p>Đoạn văn bản</p> </body>
Sai
<BODY> <P>Đoạn văn bản</P> </BODY>
XHTML Attribute phải luôn là chữ thường
Trong XHTML, tên attribute phải luôn ở dạng chữ thường, như sau:
Đúng
<a href="https://truonghoclaptrinh.com/html.html">Hướng dẫn HTML</a>
Sai
<a HREF="https://truonghoclaptrinh.com/html.html">Hướng dẫn HTML</a>
XHTML Attribute Values phải luôn được đặt trong dấu ngoặt kép
Trong XHTML, các giá trị attribute phải luôn được đặt trong dấu ngoặt kép, như sau:
Đúng
<a href="https://truonghoclaptrinh.com/html.html">Hướng dẫn HTML</a>
Sai
<a href=https://truonghoclaptrinh.com/html.html>Hướng dẫn HTML</a>
XHTML Attribute không được cắt giảm
Trong XHTML, việc cắt giảm attribute bị cấm:
Đúng
<input type="checkbox" name="vehicle" value="car" checked="checked" /> <input type="text" name="lastname" disabled="disabled" />
Sai
<input type="checkbox" name="vehicle" value="car" checked /> <input type="text" name="lastname" disabled />