HTML中DIV元素的有效属性是什么?

Jas*_*onK 15 html html5

什么是有效DIV属性?

基于此链接,它只出现class,id,title.那是对的吗?含义,for属性和其他属性无效DIV

Sin*_*nür 30

参见W3C规范:

  • id,class(文档范围的标识符)
  • lang(语言信息),dir(文字方向)
  • title (元素标题)
  • style (内联样式信息)
  • align (对准)
  • onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup

for用于label并指定id标签所适用的输入元素的属性.

另请参阅HTML5规范:

div元素根本没有特殊含义.它代表了它的孩子.它可以与被使用class,langtitle属性来标记共同的一组连续的元素的语义.

注意:强烈建议作者将div元素视为最后的元素,因为没有其他元素是合适的.使用更合适的元素而不是div元素可以为读者提供更好的可访问性,并使作者更易于维护.

  • +1实际规格,而不是w3schools的非官方和通常不准确的材料. (13认同)

kap*_*apa 10

使用HTML5,除了使用可在任何元素上使用的全局属性外,还可以使用属性定义自己的data-属性.

<div class="marvellous" data-for="xy" data-another-attribute="nothing"></div>
Run Code Online (Sandbox Code Playgroud)

John Resig关于data-属性

您所要做的就是使用HTML5 doctype(<!DOCTYPE html>),您的页面才有效.此doctype即使在旧版浏览器中也能正常工作.

  • @Madmartigan 你是对的。删除了误导性的句子。我添加此信息是因为这个问题的答案有点过时了。 (3认同)
  • “如果你给它们加上 data- 前缀,你就可以使用任何属性:”:这是一种误导性的过度简化,当然不值得碰撞这个线程。`data-` 属性不是其他属性的同义词,它们是通用的,本身没有任何意义。 (2认同)

Gui*_*dre 5

此处提供了属性列表: https: //www.w3schools.com/tags/tag_div.asp

  • 班级
  • 目录
  • ID
  • 风格
  • 标题
  • xml:语言

加上所有事件属性:

  • 单击时
  • 双击
  • 鼠标按下时
  • 鼠标移动时
  • 鼠标移出时
  • 鼠标悬停时
  • 鼠标悬停时
  • 按下按键
  • 按键
  • 按键启动