id 属性的概念
在 HTML 中，id是一个用于唯一标识某个元素的属性，即每个页面中的 id 值必须是唯一的。
- 唯一标识元素：通过id可以准确地找到页面中的某个特定元素。
- CSS 样式：可以通过id为特定元素设置样式。
- JavaScript 操作：可以通过 id获取元素并对其进行操作。
注意：每个页面中的 id 值必须是唯一的，id 区分大小写，不能以数字开头，尽量使用字母、数字、下划线和连字符。
id 属性的使用
在 HTML 标签中，可以通过id属性为元素设置一个唯一的标识符，语法如下：
<element id="unique-id">内容</element>- element：是 HTML 标签，比如div、p、h1等。
- unique-id：是你为该元素设置的唯一标识符。
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
<h1 id="myHeader">这是一个标题</h1>在上面的例子中，我们给<h1>标签都添加了id="myHeader" ，这样它们就属于同一个类。
id 和 Class 的区别
一个类class可以被多个 HTML 元素使用，而一个id在一个页面中只能被一个 HTML 元素使用。
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
.city {
background-color: tomato;
color: white;
padding: 10px;
}
</style>
<!-- 一个具有唯一 id 的元素 -->
<h1 id="myHeader">My Cities</h1>
<!-- 多个具有相同 class 的元素 -->
<p class="city">北京：属于华北地区。</p>
<p class="city">上海：属于华东地区。</p>
<p class="city">广州：属于华南地区。</p>在上面的例子中，id#myHeader只能被调用一次，类city可以被调用多次。
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
137
阅读
0
评论