Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

data-attributes is there a limit of length and how many?

Tags:

html

custom-data-attribute

Is there a limit on html's data-attribute? Is it possible to have many data-attributes on a tag?

ex. data-a="" data-b="" data-c="" ... data-z=""

And also is there a limit how long the value on each data-attribute?

like image 645
meetmahpuppy Avatar asked Sep 11 '14 16:09

meetmahpuppy

People also ask

How long can data attribute be?

416.58 (64 bits)), and data-attributes seem to have a limit of 64k.

Can you have multiple data attributes?

A data attribute is a custom attribute that stores information. Data attributes always start with “data-” then followed with a descriptive name of the data that is being stored. You can have multiple data attributes on an element and be used on any HTML element.

1 Answers

Every HTML element may have any number of custom data attributes specified, with any value.

Source: w3.org: 3.2.5.9 Embedding custom non-visible data with the data-* attributes

The limit of length has been discussed in a previous question linked by Mary Melody above: Is there a limit to the length of HTML attributes?

like image 175
Iain Avatar answered Oct 06 '22 22:10

Iain
Sign in to Comment

Related questions

Render mathjax dynamically
Success callback of x-editable is not working
WeChat sharing, how to change re-share description and thumbnail?
requestFileSystem ok on Chrome, but undefined on Safari7 and mobile Chrome/Safari
How keep a Websocket connection persistent, even after page refresh?
Nodejs Index.html Loads but Links & Scripts 404
How to output JavaScript into a Textbox
Updating Points
Jquery, Disable Browser Shortcut keys
How to check if website is loadable in iframe
Split an element containing TextNodes and elements using jQuery
How to convert an ipython notebook to html with collapsed output (and/or input)
using history.pushState in Firefox make my favicon disappear
Alert On Button Click And Move User To Opened New Tab
Bootstrap responsive columns order based on alphabetical content
Giving sprites an overlay in the Phaser framework
How to remove all data attributes on element?
Resize text to totally fill container
Responsive items of same height inside navbar in Bootstrap 3.1.1
Test if string is Integer with Jquery

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!