id
id全局属性定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。其目的是在链接（使用片段标识符），脚本或样式（使用CSS）时标识元素。
示例
<p>A normal, boring paragraph. Try not to fall asleep.</p>
<p id="exciting">The most exciting paragraph on the page. One of a kind!</p>
<style>
.output {
font: 1rem 'Fira Sans', sans-serif;
}
#exciting {
background: linear-gradient(to bottom, #ffe8d4, #f69d3c);
border: 1px solid #696969;
padding: 10px;
border-radius: 10px;
box-shadow: 2px 2px 1px black;
}
#exciting:before {
content: "ℹ️";
margin-right: 5px;
}
</style>
A normal, boring paragraph. Try not to fall asleep.
The most exciting paragraph on the page. One of a kind!
该属性的值是一个透明（opaque）字符串，这意味着网页开发者不能使用它来传递人类可读的信息。
id的值不得包含空白字符（whitespace，包括空格和制表符等）。浏览器会将不符合规范的 ID 中的空白字符视为 ID 的一部分。与允许以空格分隔值的class属性不同，元素只能拥有一个 ID 值。
注意：使用除ASCII字母、数字、
_、-和.以外的字符可能会造成兼容性问题，因为HTML4 中不允许使用它们。虽然这个限制在HTML5中被解除了，但为兼容性考虑 ID 应该以字母开头。
实例通过 javascript 利用 id 属性来处理一段文本：
<html>
<head>
<script type="text/javascript">
function displayresult()
{
document.getelementbyid("myheader").innerhtml="have a nice day!";
}
</script>
</head>
<body>
<h1 id="myheader">hello world!</h1>
<button onclick="displayresult()">change text</button>
</body>
</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 属性不能用于:<base>,<head>,<html>,<meta>,<param>,<script>,<style>,和<title>。
注意:HTML 4.01 对于 id 的值有严格的限制(例如：在 HTML 4.01 id 值不能以数字开头)。
语法
<element id="id">
属性值
| 值 | 描述 |
|---|---|
| id | 规定元素的唯一 id。 命名规则：
|