参考资料

1. cache-control 浏览器缓存行为
2. Html过滤工具有哪些
3. HTML 背景颜色
4. 用于长引用的 HTML
5. 如何添加按钮的过渡动画效果？
6. HTML 视频(Videos)播放
7. HTML 注释详解
8. Html转JS有哪些

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