Làm thế nào để nâng cấp lên XHTML?

Làm thế nào để nâng cấp trang web của bạn lên XHTML?

Để chuyển đổi trang web từ HTML sang XHTML, bạn nên làm quen với các quy tắc ngữ pháp XHTML được giải thích trong các chương trước.

Dưới đây là các bước cụ thể.

Thêm thông báo loại tệp

Thêm thông báo loại tệp vào dòng đầu tiên của mỗi trang:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Lưu ý:Trang web này (codew3c) sử dụng DTD chặt chẽ. Tuy nhiên, việc sử dụng DTD chuyển tiếp cũng là một lựa chọn tốt, vì đối với nhiều nhà phát triển mới bắt đầu, DTD chặt chẽ có thể显得

Nếu bạn muốn kiểm tra trang web là đúng XHTML, trang web của bạn phải chứa thông báo loại tệp.

Điều cần lưu ý là, dựa trên cách xử lý khác nhau của các trình duyệt mới đối với các loại tệp khác nhau, nếu trình duyệt đọc到一个 loại tệp, nó sẽ xử lý tài liệu theo cách “phù hợp”. Nếu không có DOCTYPE, tài liệu có thể hiển thị theo cách hoàn toàn khác.

Các thẻ và tên thuộc tính viết thường

Do XHTML nhạy cảm với chữ hoa và chữ thường, cũng như chỉ chấp nhận các thẻ HTML và tên thuộc tính viết thường, vì vậy bạn có thể thực hiện lệnh tìm kiếm và thay thế đơn giản để thay đổi tất cả các thẻ viết hoa thành chữ thường. Cũng xử lý tên thuộc tính theo cách tương tự. Chúng tôi đã sử dụng các chữ thường trong trang web của mình, vì vậy基本上, chức năng thay thế không thực sự có ích lắm.

Đặt dấu ngoặc kép cho tất cả các thuộc tính

Do yêu cầu của chuẩn W3C XHTML 1.0 là tất cả các giá trị thuộc tính phải có dấu ngoặc kép, vì vậy, nếu bạn chưa chú ý đến chi tiết này, bạn cần kiểm tra từng trang của trang web. Đây là công việc tốn thời gian, vì vậy đừng quên thêm dấu ngoặc kép cho các giá trị thuộc tính.

Các thẻ trống: <hr> , <br> và <img>

Trong XHTML, không được phép sử dụng thẻ trống (Empty tags). Các thẻ <hr> và <br> nên được thay thế bằng <hr /> và <br />.

Làm như vậy lại tạo ra một vấn đề mới, Netscape sẽ đọc nhầm thẻ <br/>. Chúng tôi không rõ nguyên nhân, nhưng sau khi thay đổi thành <br /> thì không có vấn đề gì. Nhận ra điều này, bạn cần một lần nữa sử dụng chức năng tìm kiếm và thay thế để thay đổi thẻ.

Một số thẻ khác (như thẻ <img>) cũng gặp vấn đề tương tự. Đừng sử dụng thẻ đóng để đóng <img>, mà hãy thêm / > ở cuối thẻ.

Kiểm tra trang web

Sau khi hoàn thành tất cả những điều trên, sử dụng liên kết dưới đây để kiểm tra tất cả các trang đã sửa đổi theo W3C DTD chính thức: XHTML ValidatorTiếp theo, có thể sẽ phát hiện ra một số lỗi ít ỏi, và sửa chúng một cách thủ công. Kinh nghiệm của chúng tôi là lỗi dễ mắc nhất là quên thêm thẻ </li> trong danh sách.

Chúng ta có nên sử dụng công cụ chuyển đổi (ví dụ như TIDY) không? Đúng vậy, chúng ta có thể sử dụng TIDY.

HTML TIDY của Dave RaggettĐây là công cụ miễn phí để làm sạch mã HTML. Trong việc xử lý mã HTML khó đọc do các công cụ chỉnh sửa mã HTML chuyên dụng và công cụ chuyển đổi tạo ra, TIDY vẫn làm rất tốt. Đồng thời, nó có thể giúp bạn phát hiện những nơi cần đầu tư nhiều hơn trong trang web, để trang web có khả năng sử dụng tốt hơn cho người khuyết tật.

Lý do tại sao chúng tôi không sử dụng Tidy là gì? Khi chúng tôi bắt đầu tạo trang web này, chúng tôi đã rất quen thuộc với XHTML. Lúc đó, chúng tôi đã biết sử dụng thẻ chữ thường và đặt dấu ngoặc kép vào thuộc tính. Do đó, trong quá trình kiểm tra trang web, chúng tôi chỉ đơn giản kiểm tra qua trình duyệt xác minh XHTML của W3C và sửa một số lỗi. Điều quan trọng hơn, chúng tôi đã học được rất nhiều về cách viết mã HTML theo phong cách Tidy.

Đọc thêm

Nếu bạn muốn hiểu sâu hơn về cách sử dụng XHTML để cấu trúc hóa trang web, hãy đọc《Cấu trúc hóa của XHTML》。