所有有效的DIV
属性是什么?
基于this link,它仅显示class
,id
,title
。那是对的吗?是的,for
属性和其他属性对DIV
无效?
答案 0 :(得分:28)
请参阅W3C specs:
id
,class
(文档范围标识符)lang
(语言信息),dir
(文字方向)title
(元素标题)style
(内联样式信息)align
(路线)onclick
,ondblclick
,onmousedown
,onmouseup
,onmouseover
,onmousemove
,onmouseout
,onkeypress
,onkeydown
,onkeyup
for
适用于label
,并指定标签适用的输入元素的id
属性。
另请参阅HTML5 specs:
div
元素根本没有特殊含义。它代表了它的孩子。它可以与class
,lang
和title
属性一起使用,以标记一组连续元素共有的语义。注意:强烈建议作者将
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
加上所有事件属性:
答案 3 :(得分:2)
contenteditable属性也很有用,很少使用。
<div contenteditable="true">Using this on runtime content can changed.</div>
此属性提供了一种像普通文本框一样使用它的方法。但是在浏览器端更改的文本不会保存在编码中。