首页 >web前端 >前端问答 >html中id是什么意思

html中id是什么意思

WBOY
WBOY原创
2022-01-10 16:20:1212530浏览

在html中,id是“Identity document”的缩写,是“身份标识号”的意思,该属性用于规定元素的唯一id,该属性可用作链接锚,通过JavaScript或通过CSS为带有指定id的元素改变或添加样式。

html中id是什么意思

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html中id是什么意思

id 属性规定 HTML 元素的唯一的 id。

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

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

HTML 4.01 与 HTML5之间的差异

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

在 HTML 4.01 中, id 属性不能用于: dde6fb694e6711ae5e6f381704c04ae4, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89, 和b2386ffb911b14667cb8f0f91ea547a7。

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

语法

<element id="id">

属性值

id规定元素的唯一 id。

命名规则:

  • 必须以字母 A-Z 或 a-z 开头

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

  • 值对大小写敏感

示例如下:

<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML="Have a nice day!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">编辑文本</button>
</body>
</html>

输出结果:

点击按钮前

06.png

点击按钮后

07.png

推荐教程:《html视频教程

以上是html中id是什么意思的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn