尝试一下
<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>
#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; }
描述
它用于在链接(使用片段)、脚本和样式(通过 CSS)中辨识元素。
警告: 该属性的值是一个不透明(opaque)字符串,这意味着网页开发者不能使用它来传递人类可读的信息。然而,具有一定可读性的 ID(如使用 ticket-18659
而不是 r45tgfe-freds&$@
)可以有助于理解代码。
id
的值不得包含空格和制表符等空白字符。浏览器会将不符合规范的 ID 中的空白字符视为 ID 的一部分。与允许以空格分隔值的 class
属性不同,元素只能拥有一个 ID 值。
规范
Specification |
---|
HTML> # the-id-attribute> |
浏览器兼容性
Loading…
参见
- 所有的全局属性。
- 反映该属性的
Element.id
。 Document.getElementById
方法。- CSS ID 选择器。