HTML ?id? 屬性用于 為HTML 元素指定唯一的 id。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了廬江免費(fèi)建站歡迎大家使用！

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

使用 id 屬性

?id? 屬性指定 HTML 元素的唯一 ID。 ?id? 屬性的值在 HTML 文檔中必須是唯一的。

?id? 屬性用于指向樣式表中的特定樣式聲明。JavaScript 也可使用它來訪問和操作擁有特定 ID 的元素。

id 的語法是：寫一個井號 (#)，后跟一個 ?id? 名稱。然后，在花括號 {} 中定義 CSS 屬性。

下面的例子中我們有一個 ?

? 元素，它指向 ?id? 名稱 "myHeader"。這個 ?

? 元素將根據(jù) head 部分中的 ?#myHeader? 樣式定義進(jìn)行樣式設(shè)置：

實例

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教程 中學(xué)習(xí)更多 CSS 知識。

通過 ID 和鏈接實現(xiàn) HTML 書簽

HTML 書簽用于讓讀者跳轉(zhuǎn)至網(wǎng)頁的特定部分。

如果頁面很長，那么書簽可能很有用。

要使用書簽，您必須首先創(chuàng)建它，然后為它添加鏈接。

然后，當(dāng)單擊鏈接時，頁面將滾動到帶有書簽的位置。

實例

首先，用 ?id? 屬性創(chuàng)建書簽：

第四章

嘗試一下

然后，在同一張頁面中，向這個書簽添加一個鏈接（“跳轉(zhuǎn)到第四章”）：

實例

跳轉(zhuǎn)到第四章

嘗試一下

或者，在另一張頁面中，添加指向這個書簽的鏈接（“跳轉(zhuǎn)到第四章”）：

Jump to Chapter 4

嘗試一下

在 JavaScript 中使用 id 屬性

JavaScript 也可以使用 id 屬性為特定元素執(zhí)行某些任務(wù)。

JavaScript 可以使用 ?getElementById()? 方法訪問擁有特定 id 的元素：

實例

使用 id 屬性通過 JavaScript 來處理文本：

提示：請在我們的 JavaScript教程 中學(xué)習(xí) JavaScript。

本章總結(jié)

• ?id? 屬性用于為 HTML 元素指定唯一的 id
• ?id? 屬性的值在 HTML 文檔中必須是唯一的
• CSS 和 JavaScript 可使用 ?id? 屬性來選取元素或設(shè)置特定元素的樣式
• ?id? 屬性的值區(qū)分大小寫
• ?id? 屬性還可用于創(chuàng)建 HTML 書簽
• JavaScript 可以使用 ?getElementById()? 方法訪問擁有特定 id 的元素

分享文章：創(chuàng)新互聯(lián)HTML教程：使用 id 屬性
分享網(wǎng)址：http://www.dlmjj.cn/article/cdhichg.html