XHTML (viết tắt của tiếng Anh Extensible HyperText Markup Language, "Ngôn ngữ Đánh dấu Siêu văn bản Mở rộng") là một ngôn ngữ đánh dấu có cùng các khả năng như HTML, nhưng có cú pháp chặt chẽ hơn. XHTML 1.0 là Khuyến cáo của World Wide Web Consortium (W3C) vào ngày 26 tháng 2, 2000. Về phương diện kĩ thuật, XHTML là một họ các kiểu tài liệu hiện tại và tương lai cùng các mô đun nhằm tái tạo lại, mở rộng, thâu nạp HTML, tái cấu trúc lại dưới dạng XML. Các dạng tài liệu thuộc họ XHTML tất cả đều dựa trên XML, và được thiết kế để làm việc tuyệt đối với các trình đại diện người dùng hiểu XML. XHTML là thế hệ kế tiếp HTML, và đã có một loại các đặc tả được phát triển cho XHTML.
Một số khác biệt giữa HTML và XHTML
--------------------------------------------------------------------------------
Các phần tử phải được lồng nhau đúng cách
Trong HTML một số phần tử có thể được lồng vào nhau không đúng cách như thế này.
Code: [Select]
<b><i>This
text is bold and italic</b></i>
Trong XHTML tất cả các phần tử phải được lồng vào nhau đúng cách như thế này:
Code: [Select]
<b><i>This text is bold and
italic</i></b>Chú ý: Một lỗi thường thấy ở các danh sách gạch đầu dòng lồng vào nhau mà quên mất rằng danh sách bên trong phải được đặt trong phần tử li. Ví dụ:
Code: [Select]
<ul> <li>Coffee</li>
<li>Tea <ul>
<li>Black tea</li> <li>Green
tea</li> </ul>
<li>Milk</li></ul>
Đây mới là đúng:
Code: [Select]
<ul> <li>Coffee</li>
<li>Tea <ul>
<li>Black tea</li> <li>Green
tea</li> </ul> </li>
<li>Milk</li></ul>Phải có đặt ở dạng chuẩn (well-formed)
Tất cả các phần tử XHTML phải được đặt lồng bên trong phần tử gốc <html>. Tất cả các phần tử khác có thể có các phần tử con. Các phần tử con phải đi theo cặp và phải được đặt lồng nhau đúng cách bên trong phần tử mẹ. Cấu trúc tài liệu cơ bản là:
Code: [Select]
<html>
<head> ... </head> <body> ... </body></html>Tên gọi của thẻ đều phải viết thường
Do XHTML kế thừa cú pháp của XML và mỗi trang XHTML đều là các ứng dụng XML cho nên XHTML có phân biệt chữ hoa chữ thường, điều không có ở HTML. Với HTML thì các thẻ như <br> và <BR> là hiểu là giống nhau nhưng một khi bạn đã xác định trang web của bạn là XHTML thì trình duyệt sẽ dịch hai thẻ này là khác nhau.
HTML chấp nhận cách viết dưới:
Code: [Select]
<BODY> <P>This is a
paragraph</P></BODY>
XHTML đòi hỏi phải viết lại phần trên thành:
Code: [Select]
<body>
<p>This is a paragraph</p></body>
Tất cả các phần tử XHTML phải được đóng lại
Phần tử không rỗng phải có một thẻ đóng. HTML chấp nhận cách viết dưới:
Code: [Select]
<p>This is a paragraph<p>This is
another paragraphXHTML đòi hỏi phải viết lại phần trên thành:
Code: [Select]
<p>This is a paragraph</p><p>This
is another paragraph</p>
Các phần tử rỗng cũng phải được đóng lại
Các phần tử rỗng hoặc là phải có thể đóng hoặc là thẻ khởi đầu phải được kết thúc bằng />. HTML chấp nhận cách viết dưới:
Code: [Select]
This is a
break<br>Here comes a horizontal rule:<hr>Here's an
image <img src="happy.gif" alt="Happy face">
XHTML đòi hỏi phải viết lại phần trên thành:
Code: [Select]
This is a
break<br />Here comes a horizontal rule:<hr />Here's
an image <img src="happy.gif" alt="Happy face" />
Chú ý quan trọng
Để làm cho trang XHTML tương thích với các trình duyệt hiện nay thì nên đặt một khoảng trắng thêm vào trước kí tự / kiểu như <br />, và:
Code: [Select]
<hr
/>
Các giá trị của thuộc tính phải được đặt trong dấu nháy kép
HTML chấp nhận cách viết dưới:
Code: [Select]
<table width=100%>
XHTML đòi hỏi phải viết lại phần trên thành:
Code: [Select]
<table
width="100%">
Việc tối giản thuộc tính là bị nghiêm cấm
HTML chấp nhận cách viết dưới:
* <dl compact>
* <input checked>
* <input readonly>
* <input disabled>
* <option selected>
* <frame noresize>
XHTML đòi hỏi phải viết lại phần trên thành:
* <dl compact="compact">
* <input checked="checked" />
* <input readonly="readonly" />
* <input disabled="disabled" />
* <option selected="selected" />
* <frame noresize="noresize" />
P/S: trong ví dụ, chúng mình thường viết <option selected="yes" /> các bạn cũng nên sửa lại theo!
