CODEWITHSUNDEEP
html
JasonK
JasonK

Reputation: 261

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?

Upvotes: 25

Views: 118640

Answers (4)

Guillaume Flandre
Guillaume Flandre

Reputation: 8980

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

Upvotes: 5

Ajay Gupta
Ajay Gupta

Reputation: 2967

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

Upvotes: 3

kapa
kapa

Reputation: 78751

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.

Upvotes: 14

Sinan &#220;n&#252;r
Sinan &#220;n&#252;r

Reputation: 118166

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.

Upvotes: 38

Related Questions