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

时间:2010-02-02 16:07:01

标签: html html5

所有有效的DIV属性是什么?

基于this link,它仅显示classidtitle。那是对的吗?是的,for属性和其他属性对DIV无效?

4 个答案:

答案 0 :(得分:28)

请参阅W3C specs

  
      
  • idclass(文档范围标识符)
  •   
  • lang(语言信息),dir(文字方向)
  •   
  • title(元素标题)
  •   
  • style(内联样式信息)
  •   
  • align(路线)
  •   
  • onclickondblclickonmousedownonmouseuponmouseoveronmousemoveonmouseoutonkeypressonkeydownonkeyup
  •   

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

另请参阅HTML5 specs

  

div元素根本没有特殊含义。它代表了它的孩子。它可以与classlangtitle属性一起使用,以标记一组连续元素共有的语义。

     
    

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

  

答案 1 :(得分:10)

使用HTML5,除了使用可用于任何元素的global attributes之外,您还可以使用data- attributes定义自己的属性。

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

John Resig on data- attributes

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

答案 2 :(得分:3)

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

  • DIR
  • ID
  • 标题
  • XML:郎

加上所有事件属性:

  • onclick
  • ondblclick
  • onmousedown
  • onmousemove
  • onmouseout
  • 的onmouseover
  • onmouseup
  • onkeydown
  • onkeypress
  • onkeyup

答案 3 :(得分:2)

contenteditable属性也很有用,很少使用。

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

此属性提供了一种像普通文本框一样使用它的方法。但是在浏览器端更改的文本不会保存在编码中。

FIDDLE