Phần này thảo luận một số cách thức để kiểm tra web có tuân thủ các chuẩn công bố (thường là HTML, XHTML, CSS) của W3C [29] .
Kiểm tra HTML:
Đầu tiên một tài liệu web được xem là chuẩn cần có khai báo thẻ DOCTYPE. Tài liệu web có thể là một file html, hoặc một đầu ra của yêu cầu tài nguyên từ trình khách tới máy chủ web của một ứng dụng web như jsp, asp.net,.... Thẻ DOCTYPE báo cho trình xử lý tài liệu (như trình duyệt web) biết tài liệu này là dạng tài liệu chuẩn gì. Trường hợp tài liệu web không định nghĩa DOCTYPE, trình xử lý tài liệu sẽ xem như dạng chuẩn ngầm định (thông thường là HTML 4.01 Transitional). Ví dụ bảng sau liệt kê các định nghĩa kiểu tài liệu web do W3C đưa ra:
Phiên bản Danh sách DTD Khai báo DOCTYPE trong tài liệu
HTML 2.0 DTD <!DOCTYPE html PUBLIC "-//IETF//DTD HTML
2.0//EN"> HTML 3.2 DTD <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Strict, Transitional, Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> XHTML 1.0 Strict, Transitional, Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
Phiên bản Danh sách
DTD Khai báo DOCTYPE trong tài liệu
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd"> XHTML 1.1 DTD <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Bảng 3 - Bảng danh sách các định nghĩa kiểu tài liệu web
Một tài liệu web sẽ không thể kiểm tra được là có tuân theo chuẩn hay không nếu không có thẻ DOCTYPE. Vì vậy, khi sử dụng bất kỳ công cụ sinh HTML hay tài liệu web nào cũng đều phải có thẻ DOCTYPE và sinh ra các đánh dấu tương ứng ngôn ngữ này.
Sau đây là một ví dụ của tài liệu kiểu XHTML 1.0 Strict:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" />
</head> <body>
... Nội dung HTML ở đây ...
</body> </html>
Sau khi xác định được kiểu tài liệu (bằng thẻ DOCTYPE), việc kiểm tra web là chuẩn chỉ đơn giản là kiểm tra độ chính xác của tài liệu với chuẩn đã khai báo trong DOCTYPE. Các lỗi vi phạm chuẩn có thể được kiểm tra tự động bởi chương trình. Sau đây là một số địa chỉ web trên internet cho phép tự động kiểm tra trang web có vi phạm chuẩn hay không:
• W3C HTML validator: http://validator.w3.org/
• WDG HTML Validator: http://www.htmlhelp.com/tools/validator/
• Doctor HTML: http://www.doctor-html.com/RxHTML/cgi-bin/single.cgi Có rất nhiều web site vi phạm chuẩn web. Điển hình nhất là không có thẻ DOCTYPE, hoặc các thẻ HTML có mở nhưng không có đóng (ví dụ: có <p> nhưng không có </p>),... Tuy nhiên chúng vẫn hoạt động bình thường, bởi lẽ các trình duyệt
web thông dụng (và đủ mạnh) cho phép bỏ qua được các lỗi này và thay bằng các xử lý ngầm định. Tuy nhiên, điều này chưa khẳng định được chắc chắn là trang web sẽ chạy tốt trên tất cả các trình duyệt web (hiện có và tương lai). Đồng thời, với mỗi trình duyệt web có thể có các ứng xử khác nhau với mỗi lỗi vi phạm chuẩn. Điều này có thể dẫn đến trang web có những thể hiện khác nhau trên các trình duyệt khác nhau.
Ví dụ kiểm tra chuẩn web bằng “W3C HTML validator” cho một số web site:
• http://www.ibm.com: không lỗi.
• http://www.microsoft.com/en/us/default.aspx: 182 lỗi, 45 cảnh báo
• http://www.cnn.com: 46 lỗi, 31 cảnh báo
• http://www.evn.com.vn/: 290 lỗi, 10 cảnh báo
• http://vnexpress.net: 153 lỗi, 21 cảnh báo
• http://vietnamnet.vn: 96 lỗi, 1 cảnh báo
Hình 16 - Hình ảnh kiểm tra web site IBM
Hình 17 - Hình ảnh kiểm tra web site EVN
Ví dụ: một lỗi điển hình không có thẻ DOCTYPE trên web site EVN:
No DOCTYPE found! Checking with default HTML 4.01 Transitional Document Type.
Kiểm tra CSS:
CSS (Cascading Style Sheets) được dùng khá phổ biến trên web. Thông thường, một tài liệu web dạng HTML sẽ được kết hợp với một file CSS. Trong file CSS sẽ
định nghĩa thuộc tính hiển thị của các đối tượng trong file HTML (như mầu sắc, font chữ,...). CSS có các dạng chuẩn CSS1, CSS2. Vì vậy, cũng như kiểm tra HTML, chúng ta có thể kiểm tra CSS. W3C cung cấp công cụ kiểm tra CSS:
http://jigsaw.w3.org/css-validator/
Một số kiểm tra khác:
Kiểm tra HTML và CSS là những kiểm tra thông dụng nhất. Ngoài ra, chúng ta cũng có thể tiến hành thêm một số kiểm tra khác:
• Kiểm tra đường link: trong một tài liệu web có chỉ đến nhiều đường link khác nhau
tới những địa chỉ khác nhau. Việc kiểm tra đường link sẽ xác định đường link đó có còn tồn tại hay không và truy cập được vào hay không. Ví dụ công cụ kiểm tra đường link của W3C: http://validator.w3.org/checklink.
• Kiểm tra khả năng truy cập: kiểm tra khả năng truy cập của người dùng tới trang
web, từ nhiều nơi, bởi nhiều trình duyệt khác nhau. Có một vài công cụ hỗ trợ thao tác kiểm tra này. Tuy nhiên, cũng vẫn cần sự kiểm tra bởi con người tới các nội dung của trang web.