参考资料

1. HTML 缩写和首字母缩写
2. HTML 中最常用的
   容器元素
3. html链接标签详细说明以及案例
4. HTML 预期格式文本
5. Html转PHP代码有哪些
6. HTML 内联 元素
7. HTML无序列表
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