HTML 元素唯一标识 | Id 全局属性

Posted 跟谁学编程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML 元素唯一标识 | Id 全局属性相关的知识,希望对你有一定的参考价值。

定义与用法

  • id 属性规定 html 元素的唯一的 id。

  • id 在 HTML 文档中必须是唯一的。

  • id 属性可用作链接锚(link anchor),通过 javascript(HTML DOM)或通过 CSS 为带有指定 id 的元素改变或添加样式。


语法格式

<element id=”id“>


示例代码

<!DOCTYPE html>
<html>
<body>
<h1 id="myHeader">欢迎光临Runoon.com免费教程网站</h1>
<button onclick="displayResult()">改变文本</button>
<script>function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>

效果展示:

欢迎光临Runoon.com免费教程网站

点击下方“阅读原文”可亲试效果


HTML 4.01 与 HTML5差异

  • 在 HTML5 中, id 属性可用于任何的 HTML 元素 (它会验证任何HTML元素。但不一定是有用)。

  • 在 HTML 4.01 中, id 属性不能用于: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 和<title>。


提示: HTML 4.01 对于 id 的值有严格的限制 (例如:在 HTML 4.01 id 值不能以数字开头)。


浏览器支持

属性 HTML 元素唯一标识 | Id 全局属性 HTML 元素唯一标识 | Id 全局属性 HTML 元素唯一标识 | Id 全局属性
id Yes Yes Yes Yes Yes

所有主流浏览器都支持 id 属性


属性值

描述
id 规定元素的唯一 id。
命名规则:
  • 必须以字母 A-Z 或 a-z 开头

  • 其后的字符:字母(A-Za-z)、数字(0-9)、连字符(“-“)、下划线(“_”)、冒号(“:”) 以及点号(“.”)

  • 值对大小写敏感

点击下方“阅读原文”阅览效果更佳

以上是关于HTML 元素唯一标识 | Id 全局属性的主要内容,如果未能解决你的问题,请参考以下文章

HTML 全局属性

前端面试 HTML— HTML全局属性有哪些?

id和name属性

关于jq操作html标签的id属性

c++ 创建一个不是 UUID 类型的全局唯一 id

<div id=