Thêm dữ liệu vào thẻ XHTML

Question

Trang web của tôi là XHTML 1.1 và tôi đã thêm thuộc tính 'rel' vào các thẻ <li> và <div> trên trang của mình, để lưu trữ dữ liệu cho tập lệnh jQuery trên trang. Khi xác thực trang của tôi, tôi gặp lỗi: "không có thuộc tính 'rel'". Vì vậy, cách tốt nhất để lưu trữ dữ liệu tùy ý trong các thẻ HTML là gì?

Tôi đang làm việc trên trang nhận xét cho trang web của mình. Khi một bình luận được nhập, nó được POST thông qua AJAX, trả về JSON của tất cả các chú thích. Sau đó tôi xem xét các giá trị 'rel' để xem các nhận xét nào đã có trên trang và chỉ thêm các nhận xét mới.

Mã jQuery hoạt động tốt, chỉ là thuộc tính 'rel' không xác thực.

Answer 1

Mặc dù không phải là thông số XHTML, bạn có thể sử dụng các thuộc tính data- * được bao gồm trong thông số kỹ thuật của HTML5.

http://html5doctor.com/html5-custom-data-attributes/

Nếu bạn muốn duy trì đầy đủ XHTML 1.1 compliant, bạn sẽ cần phải tạo ra một lược đồ và bao gồm không gian tên của nó trong các yếu tố html, nơi mà các schema định nghĩa các thuộc tính bạn muốn sử dụng, và các yếu tố mà họ áp dụng.

Extending XHTML

Answer 2

Vì rel không phải là thuộc tính hợp lệ cho li, bạn nên sử dụng id thay vì thay thế thuộc tính và nó cũng hợp lệ tại đó.

Answer 3

Tôi nghĩ rằng nó đi ngược lại tinh thần của XHTML để lưu trữ "tùy ý" dữ liệu trong thẻ. Thay vào đó, bạn nên sử dụng phương thức jQuery.data.

Answer 4

JQuery dường như thích các lớp học như một cách để lưu trữ trạng thái cho các phần tử html khác nhau.

Một ví dụ là cách Giao diện người dùng jQuery sử dụng lớp ui-state-active để xác định tab nào hiện được chọn.

Một lợi ích của phương pháp này là bạn có thể dễ dàng chọn các thành phần theo các trạng thái khác nhau mà bạn đang tìm kiếm như thế nào.

Xin nhắc lại, bạn có thể thêm (hầu như) bao nhiêu lớp vào phần tử theo ý muốn và chỉ tách chúng theo khoảng trắng.

<li class="client_data already_added red_text etc">Bob</li>