HTML ​id​ 属性用于 为HTML 元素指定唯一的 id。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了庐江免费建站欢迎大家使用！

一个 HTML文档中不能存在多个有相同 id 的元素。

使用 id 属性

​id​ 属性指定 HTML 元素的唯一 ID。 ​id​ 属性的值在 HTML 文档中必须是唯一的。

​id​ 属性用于指向样式表中的特定样式声明。JavaScript 也可使用它来访问和操作拥有特定 ID 的元素。

id 的语法是：写一个井号 (#)，后跟一个 ​id​ 名称。然后，在花括号 {} 中定义 CSS 属性。

下面的例子中我们有一个 ​

​ 元素，它指向 ​id​ 名称 "myHeader"。这个 ​

​ 元素将根据 head 部分中的 ​#myHeader​ 样式定义进行样式设置：

实例

My Header

尝试一下

注释：id 名称对大小写敏感！

注释：id 必须包含至少一个字符，且不能包含空白字符（空格、制表符等）。

Class 与 ID 的差异

同一个类名可以由多个 HTML 元素使用，而一个 id 名称只能由页面中的一个 HTML 元素使用：

实例

My Cities


London
London is the capital of England.

Paris
Paris is the capital of France.

Tokyo
Tokyo is the capital of Japan.

尝试一下

提示：请在我们的 CSS教程 中学习更多 CSS 知识。

通过 ID 和链接实现 HTML 书签

HTML 书签用于让读者跳转至网页的特定部分。

如果页面很长，那么书签可能很有用。

要使用书签，您必须首先创建它，然后为它添加链接。

然后，当单击链接时，页面将滚动到带有书签的位置。

实例

首先，用 ​id​ 属性创建书签：

第四章

尝试一下

然后，在同一张页面中，向这个书签添加一个链接（“跳转到第四章”）：

实例

跳转到第四章

尝试一下

或者，在另一张页面中，添加指向这个书签的链接（“跳转到第四章”）：

Jump to Chapter 4

尝试一下

在 JavaScript 中使用 id 属性

JavaScript 也可以使用 id 属性为特定元素执行某些任务。

JavaScript 可以使用 ​getElementById()​ 方法访问拥有特定 id 的元素：

实例

使用 id 属性通过 JavaScript 来处理文本：

提示：请在我们的 JavaScript教程 中学习 JavaScript。

本章总结

• ​id​ 属性用于为 HTML 元素指定唯一的 id
• ​id​ 属性的值在 HTML 文档中必须是唯一的
• CSS 和 JavaScript 可使用 ​id​ 属性来选取元素或设置特定元素的样式
• ​id​ 属性的值区分大小写
• ​id​ 属性还可用于创建 HTML 书签
• JavaScript 可以使用 ​getElementById()​ 方法访问拥有特定 id 的元素

分享题目：创新互联HTML教程：使用 id 属性
网页路径：http://www.shufengxianlan.com/qtweb/news43/134243.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联