HTML so với XHTML
XHTML là một phiên bản HTML dựa trên XML chặt chẽ hơn.
XHTML là gì?
- XHTML là viết tắt của E X tensible H yper T ext M arkup L anguage
- XHTML là một phiên bản HTML dựa trên XML chặt chẽ hơn
- XHTML là HTML được định nghĩa 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 sử dụng 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 (được "định dạng tốt").
XHTML được phát triển để làm cho HTML có thể 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.
Nếu bạn muốn nghiên cứu về XML, vui lòng đọc Hướng dẫn về XML của chúng tôi .
Những điểm khác biệt quan trọng nhất so với HTML
- <! DOCTYPE> là bắt buộc
- Thuộc tính xmlns trong <html> là bắt buộc
- <html>, <head>, <title> và <body> là bắt buộc
- Các phần tử phải luôn được lồng đúng cách
- Các phần tử phải luôn được đóng
- Các phần tử phải luôn ở dạng chữ thường
- Tên thuộc tính phải luôn ở dạng chữ thường
- Các giá trị thuộc tính phải luôn được trích dẫn
- Giảm thiểu thuộc tính bị cấm
XHTML - <! DOCTYPE ....> Là Bắt buộc
Tài liệu XHTML 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.
Thí dụ
Đây là tài liệu XHTML với tối thiểu các thẻ bắt buộc:
<!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>Title of document</title>
</head>
<body>
some content here...
</body>
</html>
Các phần tử XHTML phải được lồng vào nhau một cách thích hợp
Trong XHTML, các phần tử phải luôn được lồng vào nhau đúng cách, như sau:
Chính xác:
<b><i>Some
text</i></b>
Sai:
<b><i>Some
text</b></i>
Các phần tử XHTML phải luôn được đóng
Trong XHTML, các phần tử phải luôn được đóng, như sau:
Chính xác:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Sai:
<p>This is a paragraph
<p>This is another paragraph
Các phần tử trống XHTML Phải luôn được đóng
Trong XHTML, các phần tử trống phải luôn được đóng, như sau:
Chính xác:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
Sai:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
Phần tử XHTML Phải ở dạng chữ thường
Trong XHTML, tên phần tử phải luôn ở dạng chữ thường, như sau:
Chính xác:
<body>
<p>This is a paragraph</p>
</body>
Sai:
<BODY>
<P>This is a paragraph</P>
</BODY>
Tên thuộc tính XHTML Phải ở dạng chữ thường
Trong XHTML, tên thuộc tính phải luôn ở dạng chữ thường, như sau:
Chính xác:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Sai:
<a HREF="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Các Giá trị Thuộc tính XHTML Phải được Trích dẫn
Trong XHTML, các giá trị thuộc tính phải luôn được trích dẫn, như sau:
Chính xác:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Sai:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
Hạn chế thuộc tính XHTML bị cấm
Trong XHTML, việc thu nhỏ thuộc tính bị cấm:
Chính xác:
<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 />