Какие допустимые атрибуты для элемента DIV в HTML? - PullRequest
15 голосов
/ 02 февраля 2010

Каковы все действительные атрибуты DIV?

На основании этой ссылки она отображается только class, id, title. Это верно? Это означает, что атрибут for и другие недопустимы для DIV?

Ответы [ 4 ]

28 голосов
/ 02 февраля 2010

См. Характеристики W3C :

  • id, class (идентификаторы всего документа)
  • lang (информация о языке), dir (направление текста)
  • title (название элемента)
  • style (информация о встроенном стиле)
  • align (выравнивание)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

for предназначен для label и указывает атрибут id элемента ввода, к которому применяется метка.

См. Также HTML5 спецификации :

Элемент div не имеет никакого особого значения. Он представляет своих детей. Его можно использовать с атрибутами class, lang и title для разметки семантики, общей для группы последовательных элементов.

Примечание: Авторам настоятельно рекомендуется рассматривать элемент div в качестве крайнего средства, когда ни один другой элемент не подходит. Использование более подходящих элементов вместо элемента div обеспечивает лучшую доступность для читателей и облегчает поддержку для авторов.

10 голосов
/ 06 января 2012

В HTML5, помимо использования глобальных атрибутов , которые можно использовать с любым элементом, вы также можете определить свои собственные атрибуты, используя атрибуты data- .

<div class="marvellous" data-for="xy" data-another-attribute="nothing"></div>

Джон Ресиг на data- атрибуты

Все, что вам нужно сделать, это использовать тип документа HTML5 (<!DOCTYPE html>), и ваша страница будет действительной. Этот тип документа отлично работает даже в старых браузерах.

3 голосов
/ 02 февраля 2010

Список атрибутов доступен здесь: https://www.w3schools.com/tags/tag_div.asp

  • класс
  • реж
  • ID
  • 1011 * языки *
  • стиль
  • название
  • XML: языки

Плюс все атрибуты события:

  • onclick
  • ondblclick
  • onmousedown
  • onmousemove
  • onmouseout
  • OnMouseOver
  • onmouseup
  • onkeydown
  • onkeypress
  • onkeyup
2 голосов
/ 28 августа 2015

атрибут contenteditable также полезен и редко используется.

<div contenteditable="true">Using this on runtime content can changed.</div>

Этот атрибут предоставляет способ использовать его как текстовое поле Normal.но текст, измененный на стороне браузера, не сохраняется в кодировке.

FIDDLE

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...