What are valid attributes for the DIV element in HTML?
What are all the valid DIV
attributes?
Based on this link, it appears only class
, id
, title
. Is that correct? Meaning, the for
attribute and others is not valid for DIV
?
See W3C specs:
id
, class
(document-wide identifiers) lang
(language information), dir
(text direction) title
(element title) style
(inline style information) align
(alignment) onclick
, ondblclick
, onmousedown
, onmouseup
, onmouseover
, onmousemove
, onmouseout
, onkeypress
, onkeydown
, onkeyup
for
is for label
and specifies the id
attribute of the input element to which the label applies.
See also the HTML5 specs:
The div
element has no special meaning at all. It represents its children. It can be used with the class
, lang
, and title
attributes to mark up semantics common to a group of consecutive elements.
Note: Authors are strongly encouraged to view the div
element as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of the div
element leads to better accessibility for readers and easier maintainability for authors.
With HTML5, besides using the global attributes which can be used on any element, you can also define your own attributes using the data-
attributes.
<div class="marvellous" data-for="xy" data-another-attribute="nothing"></div>
John Resig on data-
attributes
All you have to do is use the HTML5 doctype ( <!DOCTYPE html>
) and your page will be valid. This doctype works fine even in older browsers.
A list of attributes is available here: https://www.w3schools.com/tags/tag_div.asp
Plus all the event attributes:
上一篇: CSS在一个范围内固定宽度
下一篇: HTML中DIV元素的有效属性是什么?