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
divelement has no special meaning at all. It represents its children. It can be used with theclass,lang, andtitleattributes to mark up semantics common to a group of consecutive elements.Note: Authors are strongly encouraged to view the
divelement as an element of last resort, for when no other element is suitable. Use of more appropriate elements instead of thedivelement 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
- class
- dir
- id
- lang
- style
- title
- xml:lang
Plus all the event attributes:
- onclick
- ondblclick
- onmousedown
- onmousemove
- onmouseout
- onmouseover
- onmouseup
- onkeydown
- onkeypress
- onkeyup
contenteditable attribute also helpful and rarely used.
<div contenteditable="true">Using this on runtime content can changed.</div>
This attribute is provide a way to use this like a Normal textbox. but text changed on browser side is not saved in coding.
FIDDLE
加载中,请稍侯......
精彩评论