HTML 元素的属性

HTML 教程 学习笔记

全局属性

id

1. id属性是元素在网页内的唯一标识符。
2. id属性的值必须是全局唯一的，同一个页面不能有两个相同的id属性。
3. id属性的值还可以在最前面加上#，放到 URL 中作为锚点。

<p id="p1"></p>

class

1. class属性用来对网页元素进行分类。
2. 元素可以同时具有多个 class。

<p class="para"></p>
<p class="p1 p2 p3"></p>

title

title属性用来为元素添加附加说明。大多数浏览器中，鼠标悬浮在元素上面时，会将title属性值作为浮动提示，显示出来。

tabindex

用于键盘tab键切换焦点。

accesskey

accesskey属性指定网页元素获得焦点的快捷键。

style

style属性用来指定当前元素的 CSS 样式。

hidden

1. hidden是一个布尔属性，表示当前的网页元素不再跟页面相关，因此浏览器不会渲染这个元素，所以就不会在网页中看到它。
2. CSS 的可见性设置，高于hidden属性。

lang, dir

1. lang属性指定网页元素使用的语言。
2. dir属性表示文字的阅读方向。

contenteditable

HTML 网页的内容默认是用户不能编辑，contenteditable属性允许用户修改内容。

spellcheck

拼写检查。

data-

data-属性用于放置自定义数据。

事件处理属性

事件属性有点多：

onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting