Thông tin linh tinh Thuộc tính phần tử HTML

Question

Tôi đã sử dụng rel để lưu trữ một số thông tin không phải html, những thuộc tính nào khác thường không được sử dụng để tôi có thể sử dụng để lưu trữ thông tin?

Answer 1

Bạn có thể muốn chuyển sang HTML5 và sử dụng custom data attributes.

Answer 2

Trợ giúp này? Cuộn xuống phần rel:

http://diveintohtml5.ep.io/semantics.html

Answer 3

Trong HTML5 bạn có thể định nghĩa của riêng bạn data- thuộc tính để lưu trữ bất cứ điều gì bạn muốn.

Answer 4

Bạn có thể tạo các thuộc tính của riêng mình nếu muốn. Nó có lẽ không phải là một ý tưởng tốt để đưa dữ liệu vào một thuộc tính nếu theo đặc điểm kỹ thuật nó nên có một cái gì đó có ý nghĩa trong đó.

Answer 5

Trong HTML 5 spec, bạn có thể sử dụng thuộc tính data-*; chúng được đảm bảo không làm bất cứ điều gì với trình duyệt và chúng cũng sẽ hoạt động trên các trình duyệt cũ hơn.

Trong JavaScript, bạn có thể truy cập nó với các thuộc tính thuộc tính bình thường:

var value = elem.getAttribute("data-foo") 
elem.setAttribute("data-foo", "value") 
elem.removeAttribute("data-foo") 

Với các trình duyệt mới, bạn có thể sử dụng elem.dataset, nhưng có thể bạn không muốn làm điều đó như trình duyệt cũ sẽ không hỗ trợ nó .

var value = elem.dataset.foo; 
elem.dataset.foo = "value"; 
elem.dataset.foo = null; 

Answer 6

supports lưu trữ thông tin trong dữ liệu- * thuộc tính nhưng HTML5 và mọi người chưa có. Vì vậy, một kịch bản thế giới thực ...

Nếu bạn không phải lo lắng về sự bền bỉ trên sao lưu, bạn có thể ánh xạ các đối tượng dữ liệu đơn giản dưới dạng tập hợp JSON var và kéo một đối tượng ra khỏi nó dựa trên một khóa cụ thể. Nhưng đó là một cách tiếp cận rộng - nhiều thông tin hơn về mục tiêu tổng thể sẽ cải thiện phản hồi.

Answer 7

Phụ thuộc vào loại thông tin bạn muốn lưu trữ và bạn định lập kế hoạch truy cập nó như thế nào. Tôi đã sử dụng thành công cả thuộc tính id và thuộc tính class để lưu trữ và truy cập ID cơ sở dữ liệu chẳng hạn và thậm chí tham chiếu cho một số bảng cơ sở dữ liệu, sau đó tôi truy xuất với jQuery để thực hiện một số yêu cầu AJAX.

Nếu bạn KHÔNG sử dụng HTML5, tôi khuyên bạn không nên sử dụng thuộc tính tùy chỉnh của riêng mình. Nếu không, giống như những người đã đề xuất trước tôi, hãy xem các thuộc tính tiền tố data-.

Answer 8

dữ liệu- * là cách để đi nếu bạn có thể sử dụng HTML5. Bạn cũng có thể dễ dàng truy cập chúng trong javascript bằng elem.data. *

Nếu không, thuộc tính tùy chỉnh có lẽ tốt hơn là thay đổi ngữ nghĩa của trang.