目录

🍳 HTML 类与 id

# HTML 类

对 HTML 的内容进行分类,可以为 元素的类 定义 CSS 样式,对相同的类使用相同的样式。

🌰 例子 / 块级元素分类:

🌰 例子 / 行内元素分类:

# HTML id

HTML id 属性用于为 HTML 元素指定一个唯一的标识 id。一个 HTML 文档中不能存在相同的 id 的元素。

  • 用于指向样式表中特定的样式声明;
  • 用于 JavaScript 中用它来访问和操作特定 id 的元素;

注意

  • id 名称对大小写敏感;
  • id 必须包含一个字符,字符不能包含空白字符;

🌰 例子:

🌰 例子 / JavaScript 使用 ID:

<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
1
2
3
4
5

# HTML id 与 class 的区别

  • 在同一个 HTML 文档中可以存在多个使用同一个类名的元素;
  • 在同一个 HTML 文档中只能存在使用唯一 id 的元素;
📢 上次更新: 2022/09/02, 10:18:16