Thuộc tính HTML không (X) ... bất kỳ nhược điểm nào?

Question

Tôi thường cố gắng gắn bó với các thuộc tính chỉ có DOM khi viết Javascript. Bây giờ tôi đã chuyển từ Prototype sang jQuery, tôi có thể lấy một số mileage nghiêm trọng trong việc thêm các thuộc tính của riêng mình vào các phần tử DOM khác nhau, chủ yếu trong lĩnh vực có thể thiết lập một quy ước mã hóa rất dễ đọc để xử lý các yêu cầu AJAX.

Như một ví dụ ngắn, điều này có nghĩa là tôi làm những việc như

<div type="book" app_id="13"> 
    <a href="#" action="delete">delete</a> 
</div> 

Và sau đó tôi có thể thiết lập mã để tìm tất cả <a> thẻ với một thuộc tính action, tìm cha mẹ với một type và app_id, và sau đó làm các hoạt động CRUD ... tất cả mà không cần tôi phải viết thêm mã.

Có bất kỳ cạm bẫy nào (không phải là khiếu nại XHTML nghiêm ngặt) mà tôi nên theo dõi và/hoặc bất kỳ thói quen tốt nào tôi nên xem xét để mô phỏng? Làm thế nào về một cách tiêu chuẩn của việc thiết lập không gian tên thuộc tính của riêng tôi?

Answer 1

Can I store custom attributes in HTML DOM like a database record?

HTML 5 thuộc tính dữ liệu mới có thể là những gì bạn đang tìm kiếm.

http://ejohn.org/blog/html-5-data-attributes/

http://dev.w3.org/html5/spec/Overview.html#custom

Tôi biết nó không phải là "XHTML" nhưng ít nhất nó là một phần của một số tiêu chuẩn;)

Answer 2

Theo this question, sử dụng không gian tên XML trong XHTML 1.0 không hợp lệ. Việc thêm các thuộc tính của riêng bạn vào cùng một không gian tên có vẻ tồi tệ hơn đối với tôi, vì chúng chắc chắn không hợp lệ, ngay cả khi XML đi xa.

Tôi đã làm điều này, tôi sẽ lấy được số dặm của mình ra khỏi các thuộc tính class và rel. Ví dụ:

<div class="book" id="book_13"> 
    <a href="http://example.com/url/to/delete/non/ajaxily" class="delete">delete</a> 
</div> 

Answer 3

Tôi thấy không có gì sai với phương pháp này. Trên thực tế tôi đã thấy nhiều ví dụ về điều này và bản thân tôi, đã sử dụng cách tiếp cận này trên nhiều ứng dụng và không phải đối mặt với bất kỳ trở ngại nào ngoại trừ vấn đề xác nhận đó. Vì vậy, tôi nghĩ bạn được tự do đi =)

Answer 4

Tôi không thấy bất kỳ điều gì sai khi thêm thuộc tính không hợp lệ trừ khi ai đó đang sử dụng một số trình duyệt không xác định siêu nghiêm ngặt và không thành công. Điều này có thể xảy ra, tôi cho rằng ... nhưng nó đáng ngờ ...

Một lựa chọn tốt, là sử dụng jQuery Metadata Plugin để lưu trữ các cặp khóa-giá trị dễ truy cập từ bên trong một thuộc tính.