html5写入唯一标识,id - 唯一标识符 - html5全局属性

id

id全局属性定义唯一标识符(ID)，该标识符在整个文档中必须是唯一的。其目的是在链接(使用片段标识符)，脚本或样式(使用CSS)时标识元素。

示例

A normal, boring paragraph. Try not to fall asleep.

The most exciting paragraph on the page. One of a kind!

.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;

}

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 属性来处理一段文本：

function displayresult()

{

document.getelementbyid("myheader").innerhtml="have a nice day!";

}

hello world!

change text

浏览器支持

所有主流浏览器都支持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 属性不能用于:,

,,,,