文章目录
1、HTML属性
1.1 元素属性
<a href="https://www.baidu.com" >元素属性</a>
其中的
href就是元素属性
1.2 布尔属性
<label for='name'>姓名:</label><input id='name' type='text' />
<label for='name'>姓名:</label><input id='name' type='text' disabled />
其中的
disabled就是一个布尔属性，它会默认阻止用户输入内容，所以我们加入disabled之后，输入框不可选中。
1.3 用户自定义属性
<p data-num='99' id='num'>自定义属性</p> <script> // 获取自定义的属性的值 let ele = document.getElementById('num').getAttribute('data-num') console.log(ele) // 99 </script>
1.4 局部属性
- 每一种元素所规定的属于自己的元素属性
1.5 全局属性
用于配置所有元素的共同行为。
即，每一种元素都可以使用的属性。
- From [W3school](HTML 全局属性 (w3school.com.cn))
| 属性 | 描述 |
| accesskey | 规定激活元素的快捷键。 |
| class | 规定元素的一个或多个类名（引用样式表中的类）。 |
| contenteditable | 规定元素内容是否可编辑。 |
| contextmenu | 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。 |
| data-* | 用于存储页面或应用程序的私有定制数据。 |
| dir | 规定元素中内容的文本方向。 |
| draggable | 规定元素是否可拖动。 |
| dropzone | 规定在拖动被拖动数据时是否进行复制、移动或链接。 |
| hidden | 规定元素仍未或不再相关。 |
| id | 规定元素的唯一 id。 |
| lang | 规定元素内容的语言。 |
| spellcheck | 规定是否对元素进行拼写和语法检查。 |
| style | 规定元素的行内 CSS 样式。 |
| tabindex | 规定元素的 tab 键次序。 |
| title | 规定有关元素的额外信息。 |
| translate | 规定是否应该翻译元素内容。 |
1.5.1 accesskey属性
用于设定一个或几个选择页面上元素的快捷键。
通过
alt+accesskey的属性值快速选中元素
- 下例，可以通过
alt+a快速选中输入框
<label for='name'>姓名:</label><input id='name' type='text' accesskey='a' />
1.5.2 title属性
鼠标悬浮在元素上时，会显示
title的内容
<p title="大家好，我是渣渣灰">title属性</p>
1.5.3 dir 规定内容方向
<p dir='ltl'> dir测试文本(左到右)</p> <p dir='rtl'> this is right to left</p> <p dir='auto'> dir测试文本</p>
1.5.4 draggable 规定可拖动
<p draggable='true'>可拖动的文本</p>
**提示：**链接和图像默认是可拖动的
1.5.5 hidden
1.5.6 lang
<p lang='zh'>lang测试</p>
- 部分
ISO语言代码
| 中文 | zh |
| 英文 | en |
