参考资料

1. HTML 内部样式表
2. html文本标签详细说明以及案例
3. HTML 段落
4. HTML 列表
5. HTML格式化/压缩有哪些
6. 禁用开发者工具的方法与示例
7. HTML 视频(Videos)播放
8. HTML 有用的提示

HTML id 属性详解

HTML id 属性详解

基本概念

id 属性是 HTML 元素的唯一标识符，用于为特定元素指定样式或通过 JavaScript 进行操作。

基本语法

<element id="identifier">

主要特点

1. 唯一性：同一文档中每个 id 必须是唯一的

2. 区分大小写

3. 不能包含空格

4. 必须以字母开头

常见用途

1. 通过 CSS 为特定元素设置样式

2. 作为 JavaScript 操作的目标元素

3. 作为锚点链接的目标

CSS 中使用 id

#identifier {
    property: value;
}

JavaScript 中使用 id

document.getElementById("identifier");

与 class 的区别

1. id 是唯一的，class 可重复使用

2. id 具有更高的 CSS 特异性

3. 一个元素只能有一个 id，但可以有多个 class

实际示例

<div id="header">
    <h1 id="main-title">网站标题</h1>
</div>

<style>
    #header {
        background-color: #f0f0f0;
        padding: 20px;
    }
    
    #main-title {
        color: blue;
        font-size: 24px;
    }
</style>

注意事项

1. 避免过度使用 id 选择器

2. 命名应具有描述性

3. 遵循一致的命名约定

4. 不要以数字开头命名 id