1、简介

属性（attribute）用于定制元素的行为，写法是标签内部的键值对，例如<html lang="en">。
布尔属性，属性值是一个布尔值，这时属性值可省略，只添加属性名表示打开该属性，例如<input type="text" required>

2、全局属性

全局属性（global attribute）指所有元素都可以使用的属性。

2.1、id

元素在网页内的唯一标识符，全局唯一，不能有两个相同的id属性。
在id属性的值前加上（#），放到URL中作为锚点，定位到该元素在网页内部的位置。

2.2、 class

用来对网页元素进行分类。

2.3、 title

为元素添加附加说明，鼠标悬浮显示title值

2.4、 tabindex

属性值是一个整数，表示用户按下tab键后网页焦点转移的顺序。

负整数：通常为-1
0
正整数

一般来说，tabindex属性最好都设成0，按照自然顺序进行遍历，除非有特殊布局。

2.5、 accesskey

指定网页元素获得焦点的快捷键，只要按下快捷键，该元素就会得到焦点，需要配合功能键才生效：Alt+字符键。

2.6、 style

指定当前元素的css样式

2.7、 hidden

布尔属性，表示当前网页元素不再跟页面相关。但是若CSS设该元素可见，hidden属性将无效。

2.8、 lang，dir

lang属性指定网页元素使用的语言，常见的值有：zh、zh-Hans、zh-Hant、en、es、fr
dir属性表示文字的阅读方法，有三个可能的值：ltr，rtl，auto。

2.9、 contenteditable

该属性允许用户修改内容，有两个可能的值：true和false。
该属性为枚举属性，不是布尔属性，规范写法带上属性值。
用户改变句子内容，除非提交到服务器，否则刷新后还是原来的内容

2.10、 spellcheck

该属性表示是否打开浏览器自带的拼写检查功能，有两个可能的值：true和false。
配合contenteditable使用。
该属性为枚举属性，不是布尔属性，规范写法带上属性值。

2.11、 data

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

2.12、事件处理属性

event handler事件处理属性用于响应用户的动作，属性的值为JavaScript代码。
onblur失去焦点onchange状态改变onclick鼠标点击onclose对话框关闭ondbclick双击onfocus获得焦点onkeyup鼠标抬起onscroll页面滚动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

文章版权归作者所有，未经允许请勿转载。

THE END

前端