XHTML: Mã hóa web cho thiết kế tinh chỉnh

XHTML 1.0 và 1.1 là viết tắt của EXđộ bền kéo HđúngTmáy lẻ Mhòm Lđau khổ và đại diện cho một bước nhảy vọt từ HTML 4.0. Họ kết hợp tốt nhất HTML 4.0 với XML để cung cấp cho nhà thiết kế một lược đồ mã hóa tinh vi hơn cho thiết kế web tinh tế và quyết đoán hơn.

W3C, cha mẹ của tất cả các ngôn ngữ HTML, đã mô tả XHTML 1.0 là "thay đổi lớn đầu tiên đối với HTML kể từ khi HTML 4.0 được phát hành vào năm 1997. Nó mang lại sự nghiêm ngặt của XML cho các trang web và là yếu tố chính trong công việc của W3C để tạo ra các tiêu chuẩn cung cấp các tiêu chuẩn các trang web phong phú hơn trên một loạt các nền tảng trình duyệt ngày càng tăng bao gồm điện thoại di động, TV, xe hơi, thiết bị liên lạc không dây cỡ ví, kiốt và máy tính để bàn. "

Biến thể XHTML

Ba loại XHTML khác nhau có sẵn để đáp ứng nhu cầu của tất cả các nhà thiết kế web. Chúng bao gồm Nghiêm, Chuyển tiếp và Khung XHTML.

XHTML 1.0 Nghiêm - hình thức tinh khiết nhất cho các nhà thiết kế web có kinh nghiệm. Phiên bản này cho phép bạn tạo mã sạch, không cần phải chèn mã bố cục (phông chữ, màu sắc, bố cục) trong toàn bộ tài liệu của bạn. Thay vào đó, bạn kết hợp mã Cascading Style Sheet (CSS) ở đầu.

XHTML 1.0 Chuyển tiếp - một định dạng giữa mã đường để giúp các nhà thiết kế cần thời gian tìm hiểu phương tiện mã hóa mới này hoặc muốn cung cấp cho người xem vẫn sử dụng trình duyệt web cũ hơn. Biểu định kiểu được sử dụng nhưng mã HTML cũ tốt cũng được kết hợp. Ví dụ, thẻ body vẫn bao gồm các thuộc tính bgcolor, văn bản, liên kết, vlinks.

Khung hình XHTML 1.0 - biến thể này là tự giải thích - bạn sử dụng nó khi bạn muốn kết hợp XHTML vào tài liệu dựa trên khung.

Vẫn là một phiên bản cao cấp hơn, XHTML 1.1 cho phép mã mô-đun được thêm vào cho các nhu cầu mã hóa đặc biệt quốc tế và khác. Các mô-đun RUBY được kết hợp để tạo điều kiện cho mã hóa thêm này. Thay đổi quan trọng nhất trong XHTML 1.1 là tách dữ liệu khỏi bản trình bày. Định dạng không còn được nhúng với dữ liệu và chỉ có thể đạt được bằng cách tham khảo Cascading Style Sheets (CSS). Điều này để lại dữ liệu có sẵn để dễ dàng phân tích và tái sử dụng bởi một loạt các sản phẩm không phải máy tính để bàn mới và các ứng dụng trợ năng.

Làm sạch HTML của bạn

Dave Raggett và Source Forge của W3C hiện cung cấp một tiện ích mã nguồn mở tuyệt vời, HTML Tidy cho các nhà thiết kế muốn chuyển đổi các tài liệu HTML hiện tại của họ sang XHTML (và dọn dẹp mã của họ trong quy trình). Công cụ tiện dụng này sẽ giúp mã của bạn tỏa sáng bằng cách thực hiện tất cả các tác vụ hữu ích sau:

  • Các thẻ kết thúc bị thiếu hoặc không khớp được phát hiện và sửa chữa

  • Các thẻ kết thúc theo thứ tự sai được sửa

  • Khắc phục sự cố với tiêu đề

  • Phục hồi từ các thẻ hỗn hợp

  • Thêm dấu gạch chéo bị thiếu trong thẻ kết thúc cho neo

  • Hoàn thiện danh sách bằng cách đặt các thẻ bị thiếu

  • Thiếu dấu ngoặc kép xung quanh các giá trị thuộc tính được thêm vào

  • Thuộc tính không xác định / sở hữu được báo cáo

  • Các yếu tố độc quyền được công nhận và báo cáo như vậy

  • Các thẻ thiếu dấu chấm dứt được phát hiện

  • Thay thế mã bố cục thừa bằng các thuộc tính và quy tắc kiểu bằng CSS

  • Xóa các phần tử đoạn văn và tiêu đề trống

Gritties Nitty

Một trong những "quy tắc" chính khi sử dụng XHTML là mã phải sạch và hoàn chỉnh.

  • Tất cả các yếu tố phải có thẻ đóng và lồng đúng cách.

  • Tất cả các thẻ phải được viết bằng chữ thường - XML ​​phân biệt chữ hoa chữ thường.

  • Thẻ kết thúc phải được bao gồm cho TẤT CẢ yếu tố

  • Tất cả các thuộc tính phải được trích dẫn, ví dụ. chiều rộng, colspan, hàng

  • Các phần tử trống phải có thẻ kết thúc


Giúp một tay


Cảm thấy choáng ngợp về việc học một định dạng HTML khác? Giúp đỡ là trong tầm tay, nếu vậy. XSt Chuẩn là trình chỉnh sửa mã WYSIWYG giúp bạn viết mã XHTML thuần túy trong XHTML 1.0 Strict hoặc XHTML 1.1. Các nhà sáng tạo mô tả phần mềm này là: "trình soạn thảo WYSIWYG dựa trên tiêu chuẩn, tiên tiến nhất trên thị trường. Rất lý tưởng cho mọi hệ thống quản lý nội dung dựa trên Windows hoặc trình duyệt hỗ trợ ActiveX. XSt Chuẩn quản lý nội dung phong phú trong mọi ngôn ngữ, có các tính năng trợ năng mạnh mẽ. và hỗ trợ các tùy chọn chỉnh sửa phổ biến bao gồm bảng, gói văn bản xung quanh hình ảnh và kéo và thả tệp vào trình chỉnh sửa. " Phần mềm này có phiên bản XSt Chuẩn Lite miễn phí và phiên bản XSt Chuẩn Pro linh hoạt hơn.

Nếu bạn muốn trang web của mình hoạt động tốt trong các trình duyệt và các thiết bị truyền thống của ngày hôm nay, và tiếp tục hoạt động tốt trong ngày mai, thì đó là một ý tưởng tốt để tác giả các trang web mới trong XHTML và chuyển đổi các trang cũ sang XHTML khi lịch trình làm việc của bạn cho phép. Tất nhiên, đây không phải là kết thúc! Đã có, công việc đang được thực hiện để tạo XHTML 2.0. Việc di chuyển là chỉ tập trung vào cấu trúc, không tương thích ngược. Bạn có thể đọc về hình thức XHTML mới nhất này tại trang web của IBM trong bài viết của họ, Tương lai của web: XHTML 2.0.

HTML Bài viết nổi bật

PHẦN 1: Nhà thiết kế đáng tin có nên biết HTML không?
PHẦN 2: HTML 3.2 - Sự ra đời của Wilbur
PHẦN 3: HTML 4.0 VÀ 4.01 - Thêm một điều tốt!
PHẦN 4: XHTML: Mã hóa web cho thiết kế tinh chỉnh
PHẦN 5: DHTML: Mã hóa web động

Video HướNg DẫN: How to create tabe in html using notepad (Có Thể 2024).