Cú pháp XHTML

Viết mã XHTML đòi hỏi ngữ pháp HTML trong suốt.

Các quy tắc ngữ pháp XHTML khác:

  • Tên thuộc tính phải viết thường
  • Giá trị thuộc tính phải có dấu ngoặc kép
  • Thuộc tính không thể viết tắt
  • Sử dụng thuộc tính Id thay vì thuộc tính name
  • DTD của XHTML định nghĩa các yếu tố HTML bắt buộc sử dụng

Tên thuộc tính phải viết thường

Đây là sai:

<table WIDTH="100%">

Đây là đúng:

<table width="100%">

Giá trị thuộc tính phải có dấu ngoặc kép

Đây là sai:

<table width=100%>

Đây là đúng:

<table width="100%">

Thuộc tính không thể viết tắt

Đây là sai:

<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>

Đây là đúng:

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />

Dưới đây là danh sách các thuộc tính viết tắt của HTML và cách viết lại trong XHTML:

HTML XHTML
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

Thay thế thuộc tính name bằng thuộc tính id

HTML 4.01 định nghĩa thuộc tính name cho các yếu tố sau: a, applet, frame, iframe, img và map.

Trong XHTML, không khuyến khích sử dụng thuộc tính name, bạn nên thay thế bằng id.

Đây là sai:

<img src="picture.gif" name="picture1" />

Đây là đúng:

<img src="picture.gif" id="picture1" />

Lưu ý về khả năng tương thích quan trọng:

Bạn nên thêm một khoảng trống bổ sung trước ký tự "/" để XHTML của bạn tương thích với trình duyệt hiện đại.

Thuộc tính ngôn ngữ (lang)

Thuộc tính lang được áp dụng cho hầu hết các yếu tố XHTML. Nó xác định loại ngôn ngữ của nội dung bên trong yếu tố.

Nếu sử dụng thuộc tính lang trong một yếu tố nào đó, bạn phải thêm xml:lang bổ sung như thế này:

<div lang="no" xml:lang="no">Heia Norge!</div>

Các yếu tố XHTML bắt buộc sử dụng

Mọi tài liệu XHTML phải có sự khai báo loại tệp (DOCTYPE declaration). Trong tài liệu XHTML, phải có các yếu tố html, head, body và yếu tố title phải nằm trong yếu tố head.

Dưới đây là một mẫu tệp XHTML tối thiểu:

<!DOCTYPE Doctype goes here>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title goes here</title>
</head>
<body>
</body>
</html>

Lưu ý:Đề khai loại tệp không phải là phần của tài liệu XHTML tự thân. Nó không phải là phần tử XHTML, cũng không có thẻ đóng.

Lưu ý:Trong XHTML, thuộc tính xmlns trong thẻ <html> là bắt buộc. Tuy nhiên, ngay cả khi tài liệu XHTML không có thuộc tính này, công cụ xác minh của w3.org cũng không hiển thị lỗi. Điều này là vì "xmlns=http://www.w3.org/1999/xhtml" là một giá trị cố định, ngay cả khi bạn không bao gồm nó trong mã, giá trị này cũng sẽ được thêm vào thẻ <html>.

Bạn sẽ học thêm về kiến thức về宣言 loại tài liệu XHTML trong chương tiếp theo.