Tôi có thể thêm các thuộc tính của riêng mình vào các phần tử html không?

27 Tháng Năm, 2010 lúc 3. 18 giờ chiều

Tôi chắc chắn không hiểu tại sao việc sử dụng các thuộc tính dữ liệu tùy chỉnh cho các ứng dụng bên ngoài là không phù hợp với điều kiện là các ứng dụng bên ngoài này không phải là yêu cầu để xem trang

Tôi là tác giả của tiện ích mở rộng Firefox có tên Tải cục bộ. Tiện ích mở rộng của tôi cho phép các nhà phát triển tiết kiệm băng thông bằng cách sử dụng các thuộc tính dữ liệu tùy chỉnh để bất kỳ người dùng nào đã cài đặt tiện ích mở rộng sẽ tải các khung JavaScript phổ biến (e. g. jQuery, Nguyên mẫu, v.v. ) từ ổ cứng thay vì tải xuống từ Web. Nếu người dùng chưa cài đặt tiện ích mở rộng, nó vẫn sẽ tải khung từ Web, vì vậy không có gì sai ở đó. Tiện ích mở rộng cần một số dạng đánh dấu bổ sung để cho nó biết rằng tập lệnh có thể được thay thế, tập lệnh là gì và phiên bản là gì. Cơ chế phù hợp nhất để thực hiện việc này là thuộc tính dữ liệu tùy chỉnh. Chỉ cố gắng đoán phiên bản/tập lệnh là gì có khả năng phá vỡ rất nhiều trang web, vì vậy tôi muốn giữ tính năng thay thế tập lệnh như một cơ chế chọn tham gia

Đáp lại

27 Tháng Năm, 2010 lúc 4. 10 giơ tôi

Brian,

nó không phù hợp vì thông số kỹ thuật nói như vậy

Ý tưởng là có các điểm mở rộng khác cho trường hợp sử dụng của bạn (chẳng hạn như thuộc tính tùy chỉnh trong các không gian tên khác (trong XHTML), RDFa, Microdata, thẻ Meta, v.v.)

Nếu bạn cho rằng nên dỡ bỏ các hạn chế đối với dữ liệu-* hoặc nên thêm một cơ chế tương tự cho phép trường hợp sử dụng của bạn, bạn thực sự nên gửi phản hồi tới Nhóm làm việc HTML của W3C (ví dụ: thông qua http. // danh sách. w3. org/Archives/Public/public-html-comments/)

Julian

Đáp lại

27 Tháng Năm, 2010 lúc 6. 31 giờ chiều

Tôi không hiểu tại sao bài viết này lại trích dẫn một phần của thông số kỹ thuật nói rằng các thuộc tính data-* là dành riêng cho trang web, sau đó đưa ra cảnh báo thúc đẩy không gian tên. Nếu bạn làm theo thông số kỹ thuật, bạn đang tạo tất cả các tên thuộc tính, vì vậy không có lý do gì để tạo không gian tên. Đó chính xác là lý do tại sao điều đó nằm trong thông số kỹ thuật

Đáp lại

28 Tháng Năm, 2010 lúc 12. 46 giờ sáng

@Scott – không gian tên không phải để tạo thuộc tính dữ liệu “dành riêng cho trang web”, mà là không gian tên trong ứng dụng

Ví dụ (và thông số kỹ thuật IIRC đề cập đến điều này) các điều khiển của tiện ích con (như chế độ xem dạng cây) có thể có thuộc tính dữ liệu, nhưng thuộc tính dữ liệu có thể đã được tạo bằng một thư viện cụ thể, chẳng hạn như jQuery hoặc Dojo – vì vậy để tránh xung đột thuộc tính dữ liệu,

Tôi không thể thấy nơi Chris đề cập đến thuộc tính dữ liệu dành riêng cho trang web (nhưng đã muộn và tôi có thể đã bỏ lỡ nó)

Có rất nhiều trường hợp bạn không muốn hoặc không cần sử dụng không gian tên, nhưng có một số trường hợp nó có ý nghĩa. Nhưng vì điều này chỉ được xây dựng dựa trên các quy tắc thuộc tính nội dung hiện có – nên bạn có thể tự do quyết định cách mình sử dụng chúng

Đáp lại

28 Tháng Năm, 2010 lúc 9. 34 giờ sáng

Tôi đang sử dụng data-* với getAttribute và setAttribute vì tôi đã xem một bài đăng về vấn đề đó cách đây 2 năm của Jon Resig, vì vậy tôi có thể xác nhận rằng cách sử dụng này hoạt động với tất cả các trình duyệt/nền tảng, bắt đầu với .
Tôi chỉ hy vọng rằng bất kỳ trình duyệt nào triển khai data-* sẽ không phá vỡ phương thức getAttribute (không nên nhưng chúng tôi không bao giờ biết)

Từ quan điểm hiệu năng, việc truy cập DOM thông qua getAttribute() rõ ràng là chậm hơn so với truy cập vào một biến JS, sự kiện được lưu trữ trong một mảng, do đó, trường hợp sử dụng mà bạn cung cấp cho một trò chơi JS sử dụng nó để lưu trữ các giá trị có thể sẽ không bao giờ xảy ra. các nhà phát triển sẽ sử dụng nó để truyền thông tin từ máy chủ đến máy khách, nhưng khi DOM đã được thu hoạch, tốt nhất là giữ tất cả các giá trị trong JS để truy cập nhanh hơn

Đáp lại

28 Tháng Năm, 2010 lúc 10. 29 giờ sáng

@jpvincent – ​​Vâng, tôi hoàn toàn đồng ý với bạn

Tôi đoán dữ liệu về sức khỏe và đạn ban đầu có thể được lưu trữ trong cơ sở dữ liệu và sử dụng thuộc tính dữ liệu sẽ là một cơ chế hợp lệ để chuyển thông tin này sang javascript của trò chơi. Nhưng một khi nhiệm vụ khởi tạo này hoàn tất, sẽ chẳng có ích gì nếu tiếp tục thực hiện các bản cập nhật DOM tốn kém với số liệu thống kê về sức khỏe/đạn mới nhất

Cám ơn bạn đã góp ý

Đáp lại

28 Tháng Năm, 2010 lúc 11. 17 giờ sáng

nó thực sự hữu ích cho ứng dụng. với nhiều thông tin hơn

Đáp lại

Tháng Bảy 30, 2010 lúc 9. 11 giờ đêm

Hoặc bạn biết rằng bạn có thể cố gắng thiết kế một sự tách biệt rõ ràng giữa các lớp mô hình và chế độ xem…

Đáp lại

Tháng Tám 2, 2010 lúc 2. 25 giờ chiều

Bài viết của bạn đề cập rằng bạn không nên sử dụng data-* cho CSS hook. Điều gì sẽ xảy ra nếu thuộc tính data-* được sử dụng trong JS nhưng bạn cũng muốn áp dụng các kiểu cho nó. Sẽ không hợp lý nếu nhắm mục tiêu thuộc tính thay vì thêm một lớp phụ

Lấy mẫu này làm ví dụ

data-field_type=”text” có thể được sử dụng cho cả bố cục xác thực và kiểu dáng

Đáp lại

Tháng Chín 1, 2010 lúc 9. 22 giờ tối

Tính năng khá hay mặc dù chưa có trình duyệt nào hỗ trợ. Đoạn mã nhỏ này hoạt động để thêm hỗ trợ cho thuộc tính tập dữ liệu cho bất kỳ trình duyệt nào hỗ trợ __defineGetter__. Tôi đã viết nó trước khi tôi nhận ra rằng bạn đã liên kết một số mã thực hiện khá giống nhau. Mặt khác, mã của tôi có hỗ trợ thực sự cập nhật các giá trị thuộc tính, nhưng nó không hỗ trợ thêm các thuộc tính mới

Phần tử. nguyên mẫu. __defineGetter__(‘dataset’, function(){
var dataset = {};
for (var i=0, l=this. thuộc tính. chiều dài; . thuộc tính[i];
var attr = this.attributes[i];
if (attr. tên && attr. Tên. indexOf('data-') == 0) {
var el = this, name = new String(attr. tên), khóa = tên. chuỗi con(5). thay thế(/-([a-z])/ig, hàm (a, b) { return b. Đến trường hợp trên(); . __defineGetter__(key, function(){ return el. getAttribute(tên); . __defineSetter__(key, function(value){ el. setAttribute(tên, giá trị);
dataset.__defineGetter__(key, function(){ return el.getAttribute(name); });
dataset.__defineSetter__(key, function(value){ el.setAttribute(name, value); });
}
}
return dataset;
});

Đáp lại

Tháng Chín 18, 2010 lúc 12. 09 giờ tối

Các thuộc tính này có hoạt động trong Internet Explorer 9 mới không?

Đáp lại

1 tháng 11, 2010 lúc 4. 27 giờ chiều

Dữ liệu-* chắc chắn sẽ hữu ích, nhưng ví dụ về củ cà rốt đó không phải là một ví dụ hay. Bạn sẽ sử dụng dữ liệu trong các thuộc tính data-*, chứ không phải để hiển thị nội dung. Như bạn nói, “Thông số kỹ thuật đã nêu rõ rằng dữ liệu không nhằm mục đích sử dụng công khai”

Thay vì cái này.
______153

Bạn nên đưa nội dung vào văn bản html thực, không phải trong thuộc tính của bạn. Bằng cách đó, dữ liệu của bạn được công cụ tìm kiếm lập chỉ mục, máy có thể truy cập được ở định dạng có thể đọc được, v.v. Nếu tôi hiểu đúng gt và lt, nó sẽ giống như

Đáp lại

Tháng Mười Một 30, 2010 lúc 7. 44 giờ chiều

Ý kiến ​​của tôi là nếu bạn đang tạo các lớp sẽ không bao giờ được tạo kiểu hoặc lưu trữ các biến trong các trường biểu mẫu ẩn không bao giờ được đọc từ máy chủ, thì đó đều là những trường hợp sử dụng tốt cho thuộc tính data-

Tuy nhiên, bạn nên tự hỏi mình, "liệu tôi có muốn tạo kiểu cho thông tin này hoặc tạo bất kỳ phản hồi nào của người dùng dựa trên dữ liệu này không?"

Nếu câu trả lời là có, thì dữ liệu- là cách tiếp cận sai

Đáp lại

5 Tháng Ba, 2011 lúc 4. 20 giờ sáng

Cảm ơn đã giải thích về các thuộc tính dữ liệu. Microsoft đang có kế hoạch kết hợp các thuộc tính dữ liệu HTML vào phiên bản tiếp theo của ASP. NET trong các điều khiển trình xác thực của chúng và bài viết của bạn đã giúp tôi rất nhiều khi tôi đang cố gắng tìm hiểu tất cả…

http. //Blog. evonet. com. au/post/2011/03/05/What%E2%80%99s-coming-in-the-next-version-of-ASPNET-Webforms. aspx

Đáp lại

10 Tháng Ba, 2011 lúc 10. 24 giờ sáng

Tôi đã đăng một thay thế hiện tại cho thuộc tính này trên dự án mã nếu có ai quan tâm http. //www. dự án mật mã. com/KB/scripting/XHTML-CSS-Data-Attributes. aspx

Đáp lại

27 Tháng Năm, 2011 lúc 12. 41 giờ sáng

Còn thuộc tính expando thì sao? . Làm thế nào để sau đây so sánh?

thực vật. setAttribute('data-quả','7′);

thực vật. quả = 7;

Nói chung, tôi vừa lưu trữ dữ liệu liên quan đến phần tử trong bộ nhớ dưới dạng hàm băm hoặc đối tượng có thể được truy xuất dựa trên ID của phần tử

Đáp lại

Tháng Sáu 16, 2011 lúc 4. 57 giờ chiều

Tôi đã tìm thấy một trường hợp mà tôi cảm thấy việc sử dụng thuộc tính data-* cho CSS hook là hợp lệ. Phản hồi là, tất nhiên, chào đón

Tôi có một bảng dữ liệu HTML có thể được sắp xếp, tăng dần và giảm dần bằng AJAX bằng cách nhấp vào tiêu đề cột. Tôi đã chọn sử dụng thuộc tính data-sort-dir=”asc” trên tiêu đề cột để không chỉ cho lệnh gọi AJAX biết hướng sắp xếp yêu cầu mà còn để tạo một mũi tên bên cạnh tiêu đề cột cho biết mũi tên chỉ hướng nào

a[data-sort-dir="desc"] {
/* Hiển thị mũi tên đi xuống */
}

Khi nhấp vào tiêu đề cột, thuộc tính data-sort-dir được cập nhật hoặc di chuyển để phản ánh đúng hướng đang được sắp xếp

Tôi cũng đồng ý rằng ví dụ về củ cà rốt là một ví dụ tồi vì bạn đang lưu trữ dữ liệu để hiển thị cho người dùng theo một phương pháp khác được cho là trái với thông số kỹ thuật. Trong trường hợp đó, tùy chọn phần tử ẩn mà David R đã nêu trong nhận xét hoặc sử dụng thuộc tính tiêu đề có lẽ sẽ tốt hơn

Đáp lại

Tháng Tám 3, 2011 lúc 6. 17 giờ chiều

Nếu tôi đang sử dụng ARIA, tôi nên thêm thuộc tính là “vai trò dữ liệu” hay chỉ là “vai trò”????

cả hai đều hợp lệ?

Đáp lại

Chris Bewick nói.

Tháng Tám 4, 2011 lúc 8. 53 giờ sáng

@Andres – data-* chỉ để lưu trữ dữ liệu sẽ được sử dụng trong trang web của riêng bạn. Vì mục đích chính của vai trò ARIA là truyền đạt cấu trúc trang bổ sung cho trình duyệt/trình đọc màn hình nên đây không phải là thời điểm thích hợp để sử dụng chúng. Gắn bó với vai trò =”chính”

Đáp lại

Tháng Tám 8, 2011 lúc 4. 34 giờ chiều

Tôi sử dụng các thuộc tính dữ liệu rất nhiều cho các ứng dụng jQuery. Thuộc tính này là để bạn lưu trữ dữ liệu riêng tư cho ứng dụng của mình. Nếu bạn dự định để các công cụ tìm kiếm hiểu được dữ liệu, bạn có thể sử dụng vi dữ liệu có nhiều ngữ nghĩa hơn

Đáp lại

Tháng Tám 13, 2011 lúc 5. 24 giờ chiều

Các thuộc tính dữ liệu có phù hợp với những thứ như chuyển đổi thuộc tính “src của một phiên bản độ phân giải cao và lo-res (để thiết kế đáp ứng hoạt động tốt hơn) không?

Ngoài ra cách tốt nhất để kiểm tra hỗ trợ cho việc này là gì?

Đáp lại

Tháng Tám 21, 2011 lúc 8. 42 giờ chiều

“Nhờ có HTML5, giờ đây chúng tôi có khả năng nhúng các thuộc tính dữ liệu tùy chỉnh trên tất cả các thành phần HTML[. 11. 1. 1. ]”

Ồ, giống như các thuộc tính mở rộng có sẵn kể từ IE4?

OK, giả sử “tập dữ liệu” cung cấp một tập hợp các giá trị trên nhiều phần tử, điều đó khá hữu ích (mặc dù đã là tầm thường qua jQuery). nhưng bài viết này có tính năng mất trí nhớ

Đáp lại

Tháng Chín 8, 2011 lúc 11. 18 giờ sáng

chắc chắn kiểu dáng thành data-* có ý nghĩa trong một ứng dụng web giàu dữ liệu hơn là làm đầy thuộc tính lớp?

trong mã giả giao tiếp với dữ liệu dưới dạng giao diện người dùng.

so với

không phải việc nhìn vào DOM cơ bản là rất quan trọng đối với người dùng cuối, nhưng việc điền vào lớp bằng dữ liệu không phân cấp VÌ LỢI ÍCH CỦA KIỂU DÁNG có vẻ sai hơn so với việc tạo kiểu cho dữ liệu cũng đang được giữ ???

Đáp lại

Tháng Chín 30, 2011 lúc 12. 49 giờ chiều

Nhưng hỗ trợ cho loại tài liệu html5 là gì?

Đáp lại

7 Tháng Mười, 2011 lúc 4. 34 giờ chiều

Tôi thích nó rất nhiều

Đáp lại

ryanve nói.

Tháng Hai 8, 2012 tại 5. 37 giờ chiều

Có bất kỳ trình duyệt nào đã triển khai thuật toán xóa tập dữ liệu không? . tập dữ liệu. lá = null` trong Chrome nó không xóa thuộc tính. Nó chuyển đổi nó thành văn bản 'null'. Đó có phải là trong thông số kỹ thuật?

Đáp lại

10 Tháng hai, 2012 lúc 9. 05 giờ sáng

Chà, có vẻ như facebook đang sử dụng thẻ dữ liệu được một thời gian rồi… vì vậy tôi có thể nói rằng nó được hầu hết các trình duyệt chấp nhận rộng rãi…

Đáp lại

ryanve nói.

10 Tháng hai, 2012 lúc 5. 17 giờ chiều

@ryanve Để xóa thuộc tính dữ liệu, `xóa nhà máy. tập dữ liệu. lá` hoạt động

Đáp lại

21 Tháng hai, 2012 lúc 2. 35 giờ chiều

Bài viết hay, có lẽ nó cần sửa đổi một chút để có thể hiểu được bởi một số mục rất mới và mới về JS và HTML5

Nhìn chung, nỗ lực rất tốt. tôi thích nó.
Cảm ơn

Đáp lại

11 Tháng Năm, 2012 lúc 5. 57 giờ tối

Cảm ơn bạn đã đăng chủ đề này, tôi thực sự cần điều này như một tài liệu tham khảo

Đáp lại

Putri nói.

22 Tháng Năm, 2012 lúc 10. 17 giờ sáng

Tôi là người mới ở đây, nhưng tôi hiểu về thuộc tính HTML5 từ lời giải thích của bạn. Cảm ơn bạn, tôi thích đến đây nhiều lần

Đáp lại

Tháng Bảy 6, 2012 lúc 11. 33 giờ chiều

Bài viết rất hay về thuộc tính dữ liệu HTML5. Điều này đã cho tôi một cái nhìn tổng quan tốt về các khả năng và những điều sẽ xảy ra trong thông số kỹ thuật

Theo như cách tôi sẽ sử dụng nó, tôi nghĩ sẽ sử dụng nó để phân tích hoặc kích hoạt sự kiện cho js

Cảm ơn

Đáp lại

Tháng Bảy 25, 2012 lúc 7. 00 giờ sáng

Xin chào
Tôi đã tìm thấy sự cố với thuộc tính dữ liệu. If we put long number as value of data attribute ( data-longnumber = 111111111111111222222222222222222222233333333333333333333333333333333333333333333333333331111111111111111122222222222222222222222222222222222222222222222222222222211111111111 )
and when fetched using jquery
$(‘div’). data(‘longnumber’)
nó trả về một giá trị theo cấp số nhân ( 1. 1111111111111112e+209)
Vấn đề sẽ là gì?
Có giải pháp nào cho vấn đề này không?

Cảm ơn

Đáp lại

Tháng Mười Một 20, 2012 lúc 3. 26 giờ chiều

Có bất kỳ hướng dẫn nào để sử dụng RDFa trong XHTML5 không?
Theo hiểu biết hạn chế của tôi, DOCTYPE bị bỏ qua trong các tệp này, thuộc tính phiên bản không được dùng nữa. Tôi đang sử dụng

Đáp lại

Tháng Giêng 7, 2013 lúc 2. 51 giờ sáng

Vì chúng ta đang nói về viết kịch bản nên DOM
setAttribute đã được chỉ định là có khả năng kể từ DOM Core 1. 0 để đặt thuộc tính do người dùng xác định và không có vấn đề triển khai.

Tuy nhiên, những người trong chúng ta có các tài liệu xml script, bao gồm cả htmlN. tài liệu, thường sử dụng tham chiếu đối tượng đến các phần tử và lưu trữ các biến do người dùng xác định ở đó vì chúng nhanh hơn để truy cập và giải quyết mọi nhu cầu về tập lệnh

var a=elobj[‘elementid’]. user_define_attribute;

nhanh hơn

var a=phần tử. getAttribute(user_define_attribute);

và có thể giải quyết mọi nhu cầu về tập lệnh mà dữ liệu-* hoặc bất kỳ tính năng tập lệnh ngôn ngữ đánh dấu nào khác giả vờ giới thiệu hoặc cung cấp

Đáp lại

Tháng Một 24, 2013 lúc 7. 00 giờ chiều

Chào mọi người

Tôi là một lập trình viên chuyên nghiệp và hiện tôi đang chuyển sang html5 và Xây dựng ứng dụng…

Cho đến nay rất tốt, nhưng tôi có một vấn đề nhỏ dường như không thể giải quyết được

tôi muốn đơn giản

đọc tệp văn bản từ xa trên máy chủ của tôi
đọc tệp theo dòng
lưu trữ cục bộ theo cặp

thời gian… đơn giản phải không?

Tôi có thể tìm thấy câu trả lời THỰC SỰ ở đâu?

Làm thế nào để các nhà sản xuất trò chơi tải lên một từ điển ví dụ như trong một thiết bị di động theo cặp?

Cảm ơn

Đáp lại

13 Tháng hai, 2013 lúc 5. 50 giờ chiều

Tôi đang bắt đầu với HTML5 và sự thật là tôi không biết nhãn này. Rõ ràng là nó rất hữu ích, nghiên cứu nó kỹ lưỡng để sử dụng nó trong các dự án tiếp theo của tôi

Đáp lại

23 Tháng hai, 2013 lúc 1. 59 giờ chiều

Tôi nhận thấy loại trường này khi xử lý các dự án Rails, nhưng hiện tại không có thời gian để điều tra vấn đề này. Tôi rất vui vì tôi đã làm được ngày hôm nay, cảm ơn vì bài viết thực sự hữu ích này

Đáp lại

9 Tháng Năm, 2013 lúc 10. 13 giờ sáng

@BJ,

Thuộc tính Expando và thuộc tính “data-*” không hoàn toàn giống nhau

nếu ai đó viết.
______159

Làm cách nào để trình xác nhận/công cụ biết rằng tác giả không muốn viết

Với thuộc tính “data-*”, có thể biết được ý định của Tác giả

Nếu ai đó viết.
______331
Có lẽ anh ấy cố ý.

Đó là cách Microsoft đã sai và tiếp tục như vậy.
Phải thừa nhận rằng các thuộc tính mở rộng là một ý tưởng hay (Về mặt triển khai, nó có nghĩa là ÍT yêu cầu xác thực hơn) nhưng không tốt bằng việc yêu cầu tiền tố “dữ liệu-”.

Ngoài ra, hãy tưởng tượng so với trong HTML6, các div có thể lấy thuộc tính “src” để tải nội dung không đồng bộ. (Ví dụ. bạn đang hiển thị thứ gì đó phức tạp nên bạn muốn người dùng không phải đợi trước một trang trống)
Nếu không có thuộc tính “data-”, bạn không thể đơn giản thay đổi loại tài liệu của mình thành “html6”, .

Với thuộc tính “data-*”, bạn chắc chắn rằng trang web html của mình sẽ không bị hỏng vì thông số kỹ thuật đã thêm thuộc tính mới

Đáp lại

16 Tháng Năm, 2013 lúc 3. 13 giờ chiều

Lời giải thích tốt đẹp cảm ơn bạn

Đáp lại

Tháng Tám 8, 2013 lúc 3. 49 giờ chiều

Chúng ta có thể sử dụng bộ chọn tập dữ liệu mới không?

Đáp lại

Tháng Tám 12, 2013 lúc 3. 39 giờ chiều

http. // caniuse. com/#search=bộ dữ liệu

Đáp lại

Tháng Một 1, 2014 lúc 8. 42 giờ chiều

xin chào, tôi đang sử dụng thuộc tính dữ liệu tùy chỉnh để tải nội dung bài đăng bằng JavaScript mà không cần truy vấn Ajax

Bạn có thể thêm bất kỳ thuộc tính nào vào phần tử HTML không?

Tôi có thể sử dụng các thẻ của riêng mình trong HTML không?

Có thể đặt một thuộc tính cho phần tử HTML ở đâu?