Dưới đây là danh sách đầy đủ của những yêu cầu về viết code cho XHTML để tuân thủ chuẩn web.

1. Declare a DOCTYPE: DOCTYPE là dòng code đầu tiên trên cùng của trang và nằm trên thẻ html mở, nó có nhiệm vụ nói cho trình duyệt biết đây là trang web chứa HTML, XHTML hay là cả hai loại, như vậy trình duyệt có thể đọc trang web đúng hơn. Có tất cả 3 loại DOCTYPE cho phép trình duyệt biết nó đang phải xử lý loại code nào.

Strict: tất cả câu lệnh XHTML là hợp lệ

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Transitional: Cái này báo rằng code trong trang có sự kết hợp của XHTML và HTML. Rất nhiều trang vẫn đang sử dụng lệnh này, do vậy code HTML cũ của họ vẫn có thể hoạt động như là XHTML.

“http://www.w3.org/TR/html4/loose.dtd”>

Frameset: Lệnh này giống như lệnh transitional nhưng trong trường hợp frames, cũng là dạng thẻ lỗi thời với XHTML, nhưng cũng “chạy tốt”.

“http://www.w3.org/TR/html4/frameset.dtd”>

Bạn cần phải sử dụng lệnh DOCTYPE bởi vì nó rất quan trọng. Nếu trình duyệt không thấy lệnh DOCTYPE trong code nó sẽ cho rằng code trong trang web của bạn được viết cho những trình duyệt cũ và không theo chuẩn web.

Nếu không có DOCTYPE, rất nhiều trình duyệt web sẽ đi vào chế độ hoặc động Quirk Mode, một dạng tương thích ngược được hỗ trợ bởi Mozilla, IE 6 cho Windows và IE 5 cho Macintosh. Trong Quirk Mode, trình duyệt hoạt động như thể nó không hề biết đến có sự tồn tại của DOM hiện đại (Document Object Model), và “giả vờ” như nó chưa bao giờ biết đến một chuẩn web. Khả năng chuyển chế độ này phụ thuộc vào DOCTYPE, hoặc nếu thiếu, nó cho phép trình duyệt làm những gì tốt nhất có thể để xử lý những dòng code tuân theo chuẩn web hoặc không.

Bạn có thể đã nhận ra rằng, vì một lý do kỳ quặc nào đó, thẻ DOCTYPE không cần một thẻ đóng và luôn luôn là chữ in hoa. Điều này hoàn toàn trái ngược với luật XHTML 4 và 7 ở dưới.

2. Khai báo XML namespace. Đây sẽ là dòng có thẻ html mới. Ví dụ

Nói ngắn gọn, thẻ DOCTYPE và khái báo Namespace đảm bảo rằng trình duyệt sẽ xử lý code XHTML của bạn như bạn dự định.

3. Khai báo loại nội dung của bạn và đặt nó lên phần trên cùng của tài liệu, cùng với những thẻ meta khác mà bạn muốn them vào. Dưới đây là loại hay được sử dụng nhất

Dòng code trên chỉ đơn thuần thông báo rằng các ký tự được sử dụng cho tài liệu. ISO-8859-1 là dạng ký tự Latin, được sử dụng trong ngôn ngữ tiếng Anh chuẩn. Do vaỵa nếu bạn viết code cho những người không sử dụng ký tự dạng Alphabet như là tiếng Hoa hoặc Việt Nam, đây chính là dòng lệnh bạn cần dùng để khai báo cho trình duyệt.

4. Đóng tất cả các thẻ, kể cả đó là thẻ đóng hoặc thẻ không đóng.

Thẻ đóng có nội dung ở bên trong chúng, ví dụ như:

Đây là đoạn văn nằm bên trong thẻ Paragraph. Để phù hợp với XHTML, nó phải có một thẻ đóng

Thẻ không đóng không bao xung quanh nội dung nhưng bạn vẫn phải đóng nó, sử dụng khoảng trống và đường gạch ngược như sau

5. Tất cả các thẻ phải theo thứ tự chính xác. Nếu một thẻ mở trước một thẻ khác, thẻ này phải được đóng sau thẻ kia, ví dụ

Đóng thẻ theo thứ tự hết sức quan trọng trong viết code

Ở ví dụ trên thẻ được đặt đúng thứ tự là bên trong thẻ

; nó đóng trước thẻ p. Một thẻ nằm trong một thẻ khác như vậy được gọi là dạng xếp lồng. Ví dụ dưới đây là sai về cách xếp lồng

cách xếp thế này là sai quy

định

Nhiều thẻ khác nhau có thể được xếp lồng vào chung một thẻ, một danh sách có thể bao gồm nhiều thẻ li trong một thẻ ul hoặc ol, ví dụ

• Ví dụ 1
• Ví dụ 2
• Ví dụ 3

Bởi vì CSS yêu cầu thứ tự xếp lồng chính xác triệt để vì nó sẽ áp dụng style lên từng thành phần trong cấu trúc xếp lồng, bạn phải tiến hành thật chính xác, nếu không, code của bạn sẽ không được chứng thực.

6. Trong thành phần Inline không thể chứa thẻ Block Level: Thẻ Block Level là dạng thẻ cho phép bạn thấy được cấu trúc của tài liệu như là p (paragraph) và div (division). Những thành phần Block Level được xếp chồng lên nhau nếu bạn có 2 hoặc nhiều hơn một đoạn văn, đoạn văn thứ hai được mặc định xuất hiện bên dưới đoạn văn thứ nhất, bạn không cần phải Break. Ngược lại, thẻ Inline như là a (liên kết) và em (emphasis, chữ in nghiêng) thường nằm trong đoạn văn và không bị xuống hàng.

7. Tất cả các thẻ phải đều là dạng chữ in thường và tuyệt đối không sử dụng chữ IN HOA.

8. Thuộc tính (Attributes) phải có Giá Trị (Values) và phải được nằm trong dấu trích dẫn (ngoặc kép). Một vài Attribute của thẻ không cần Value trong HTML, nhưng trong XHTML, tất cả thuộc tính phải có giá trị đi kèm. Ví dụ, nếu trước đây bạn sử dụng thẻ select để tạo menu thả xuống trong HTML và muốn chọn cái gì sẽ được hiển thị trước bởi mặc định khi trang web được load, bạn sẽ viết dạng như thế này:

MèoChó

Nhưng nếu viết theo dạng XHTML thì phải như sau

Chó

9. Sử dụng những ký tự mã hoá để thay thế cho dấu ngoặc nhọn bên trái hay còn được gọi là dấu nhỏ hơn “<” như trong toán học và sử dụng dấu “và - &” trong nội dung. Khi XHML gặp dấu nhỏ hơn “<” nó sẽ tự động cho rằng bạn bắt đầu mở một thẻ mới. Nhưng nếu trong trường hợp bạn lại thực sự muốn sử dụng dấu đó trong nội dung thì sao? câu trả lời là sử dụng phương pháp mã hoá nó bằng các ký tự đặc biệt. Các ký tự đặc biệt là một nhóm những những ký tự kết họp với nhau để hiển thị một ký tự khác, khi được sử dụng những ký tự này sẽ báo cho XHTML biết để đọc và hiển thị ký tự đó một cách chính xác và tránh cho nó nhầm lẫn với ký tự của code. Những ký tự đặc biệt hiển thị dấu nhỏ hơn là < . Bạn có thể nhớ là LT là chữ viết tắt của chữ Less Than (nhỏ hơn).

Những ký tự đặc biệt không chỉ giúp bạn tránh lỗi code như là ví dụ ở trên, nó còn có thể cho phép một số biểu tượng được hiển thị như là © là ký tự đặc biệt của ©. Tất cả những ký tự đặc biệt đều bắt đầu với một dấu “và” (&) và kết thúc với một dấu chấm phẩy (;). Bởi vì lý do này cho nên khi XHTML gặp ký tự “và - &” trong dòng code của bạn nó sẽ hiểu là bạn muốn bắt đầu mở một ký tự đặc biệt nào đó. Do vậy bạn cũng phải mã hoá ký tự này khi bạn thực sự muốn hiển thị nó trong nội dung của bạn và ký tự đặc biệt của ký tự “và - &” là & .

Bản code XHTML tiêu chuẩn

Để code XHTML của bạn có thể đọc được ở mọi trình duyệt và hợp chuẩn, bạn cần có tối thiểu nhứng phần sau

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>



charset=utf-8″ />

Kết luận: