HTML 元素标记属性

为 HTML 元素设置标记属性，包括类属性和 id 属性，以提供更个性化的设置，一般用于 CSS 设置样式。

Tip

除了标记属性外，HTML 元素还支持 data-* 自定义数据属性 ，其中 data- 为前缀，而 * 是作为该属性的键（在 JavaScript 中匹配的值），它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本与 HTML 之间进行专有数据的交换。

类属性

关键字为 class，该属性可以设置多个元素，而一个 HTML 元素可以对应于多个 class 属性值，使用空格分隔多个类名称（由于元素同一属性只能有一个）。

Warning

类名不能以数字为开头

html

<p class="class_name">text</p>
<p class="highlight module right"></p>

创建类属性选择器的关键字符是 .，后设置 class 名称

css

<style>
    .center {
        text-align:center;
        font-weight:bold}
</style>

关键字 id，该属性具有唯一性，只可以指定特定一个 HTML 元素（如果要预设多个相同类型的元素样式，可设置类属性）

html

<p id="id_name">text</p>

Tip

而且一个元素只能设置一个 id 属性，在开发中应谨慎适用，推荐用合适的 class 替代

创建id属性选择器的关键符号 #，后设置 id 名称

css

<style>
    #site-description {
        color:green;
    }
</style>

常用的页面结构相关的属性名（前/后缀）

常用的功能相关的属性名（前/后缀）