1. Luôn khai báo loại tài liệu ở dòng đầu tiên trong tài liệu của bạn. Loại tài liệu chính xác cho HTML là: <!DOCTYPE html>
2. HTML cho phép trộn lẫn chữ hoa và chữ thường trong tên phần tử. Tuy nhiên, bạn nên sử dụng tên phần tử bằng chữ thường.
3. Đóng tất cả các phần tử HTML.
4. Sử dụng tên thuộc tính bằng chữ thường.
5. Luôn đóng ngoặc kép các giá trị thuộc tính.
6. Luôn chỉ định thuộc tính alt cho hình ảnh.
7. Ngoài ra, luôn luôn xác định width và height của hình ảnh. Điều này làm giảm hiện tượng nhấp nháy vì trình duyệt có thể dành chỗ cho hình ảnh trước khi tải.
8. Không nên dùng dấu cách xung quanh dấu bằng (=). Không gian sẽ dễ đọc hơn và nhóm các thực thể lại với nhau tốt hơn.
9. Tránh các dòng mã dài.
10. Không thêm dòng trống, dấu cách hoặc thụt lề mà không có lý do. Để dễ đọc, hãy thêm các dòng trống để phân tách các khối mã logic hoặc lớn. Hãy thêm hai khoảng cách thụt đầu dòng thay vì sử dụng phím tab khi lồng các phần tử.
11. Không bao giờ bỏ qua phần tử <title>.
12. Luôn thêm các thẻ <html> và <body>. Bỏ qua <html> và <body> cũng có thể làm hỏng phần DOM và XML.
13. Thẻ HTML <head> có thể được bỏ qua, nhưng nên sử dụng nó. Trình duyệt sẽ thêm tất cả các phần tử trước <body> vào phần tử <head> mặc định.
14. Nếu bạn muốn viết code XML/XHTML, hãy giữ nguyên dấu gạch chéo (/) với phần tử trống, bởi vì nó được yêu cầu trong XML và XHTML.
15. Bạn phải luôn bao gồm thuộc tính lang bên trong thẻ <html>, để khai báo ngôn ngữ của trang Web. Điều này có nghĩa là để hỗ trợ các công cụ tìm kiếm và trình duyệt.
16. Để đảm bảo giải thích chính xác và lập chỉ mục công cụ tìm kiếm chính xác, cả ngôn ngữ và mã hóa ký tự phải được xác định càng sớm càng tốt trong tài liệu HTML: <meta charset=”charset”>
17. Nên đưa yếu tố <meta> sau vào tất cả các trang web của mình để đặt chế độ xem của trang tự động điều chỉnh trên các thiết bị khác nhau: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
18. Bình luận ngắn nên được viết trên một dòng: <!– This is a comment –>
19. Các bình luận dài hơn một dòng nên được viết như sau:
<!–
This is a long comment example. This is a long comment example.
This is a long comment example. This is a long comment example.
–>
20. Sử dụng Style Sheets.
Sử dụng cú pháp đơn giản để liên kết đến Style Sheets (không cần thuộc tính type): <link rel=”stylesheet” href=”styles.css”>
21. Các quy tắc CSS ngắn có thể được viết dưới dạng nén, như sau: p.intro {font-family:Verdana;font-size:16em;}
* Đặt dấu ngoặc { mở trên cùng một dòng với bộ chọn.
* Sử dụng một khoảng trắng trước dấu ngoặc { mở.
* Sử dụng hai dấu cách thụt đầu dòng.
* Sử dụng dấu chấm phẩy sau mỗi cặp thuộc tính-giá trị, kể cả cặp cuối cùng.
* Chỉ sử dụng dấu ngoặc kép xung quanh giá trị nếu giá trị chứa dấu cách.
* Đặt dấu ngoặc } đóng trên một dòng mới, không có dấu cách ở đầu.
22. Tải JavaScript trong HTML: Sử dụng cú pháp đơn giản để tải tập lệnh bên ngoài (không cần thuộc tính type): <script src=”myscript.js”>
23. Sử dụng tên tệp là chữ thường.
Một số máy chủ web (Apache, Unix) phân biệt chữ hoa chữ thường đối với tên tệp: “london.jpg” không thể truy cập dưới dạng “London.jpg”.
Các máy chủ web khác (Microsoft, IIS) không phân biệt chữ hoa chữ thường: “london.jpg” có thể được truy cập dưới dạng “London.jpg”
24. Các tệp HTML phải có phần mở rộng .html ( .htm được cho phép).
Các tệp CSS phải có phần mở rộng .css .
Các tệp JavaScript phải có phần mở rộng .js .