HTML属性篇

1.属性分类

标签的属性按设置方式分为赋值型属性和非赋值型属性（即bool属性）

• 赋值属性语法：<tag attr=value></tag>
• 非赋值型语法：<tag attr> //写attr即为开启该属性，不写attr即为不开启该属性

2.全局属性

全局属性即所有标签都有的属性，如下：

class：给标签分类，即给该标签下的内容块做个标记，便于对该块内容设置样式。多个标签可以有相同的class名字，则可通过相同class名给多个内容设置相同的样式等。同时，class名字也可有多个，如class="middle top"，名字用空格隔开，可用.class部分匹配，但其实名字是一个整体。
class属性的两种取法：

1
2
3
4
5
6

<style>
    [class="middle"]{
    } //该方法无效，用[class=]的取法属性名必须为全名匹配。
    .middle{
    } //该方法可以根据class属性名中的空格进行部分匹配，有效。
</style>

id：标记该元素为全页面唯一，但其实唯一性根本不起作用，在css中两个id名相同也不报错，但在js中获取会报错，而且也难保证id名不会重复，因此尽量用class。
id属性名的两种取法：

1
2
3
4
5
6

<style>
    [id=xxx]{
    }
    #xxx{
    }
</style>

contenteditable：非赋值型属性，标签开启该属性可使该标签内的内容可在页面被编辑。

hidden：非赋值型属性，标签开启该属性可使该标签内容存在但是是隐藏状态。hidden是可以用style样式的display:block样式挽回的，即显示。

style：设置标签样式的属性，属性值和<style>样式标签里的写法一样。style的优先级为" js>style属性>css "

tabindex：为页面内容每块设置tabindex值，可响应tab键切换页面选中的内容，该属性值有三种赋值情况：

• 正数值：不需连续，按照从小到大顺序切换
• 0：是最后一个访问的块
• 负数：不选中到该块。

title：鼠标放置该标签的内容模块时显示title的内容。可用于提示，例如一段话中未显示完全时，可用title属性值放剩余完整内容。

待更新。。。