首頁  >  文章  >  web前端  >  id屬於html嗎

id屬於html嗎

青灯夜游
青灯夜游原創
2022-09-23 16:58:342198瀏覽

id屬於html。 id是html中的一個全域屬性,可以用來配置所有元素共有行為、可以用在任何一個元素身上。 id屬性用來賦予某個標籤唯一的名稱(識別碼),當使用CSS或JavaScript來操作這個標籤時,就可以透過id屬性來找到這個標籤。

id屬於html嗎

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

id是html中的一個全域屬性,可以用來配置所有元素共有行為、可以用在任何一個元素身上。

常用全域屬性有:class、hidden、id、lang、style、title、dir、contenteditable等等。

HTML id 屬性

#id ​​屬性用來賦予某個標籤唯一的名稱(識別符),當當我們使用CSS 或JavaScript 來操作這個標籤時,我們就可以透過id 屬性來找到這個標籤。

為標籤定義id 屬性可以提供我們很多便利,例如:

  • #如果標籤中帶有id 屬性作為唯一標識符,透過id 屬性可以很方便的定位到該標籤;

  • 如果HTML 文件中包含多個同名的標籤,利用id 屬性的唯一性,可以很方便的區分它們。

注意:在一個 HTML 文件中 id 屬性的值必須是唯一的。

語法:

<element id="id值">

id值的命名規則:

  • 必須以字母A-Z 或a-z 開頭

  • #其後的字元:字母(A-Za-z)、數字(0-9)、連字號("-")、底線("_")、冒號(":")以及點號(".")

  • 值對大小寫敏感

範例程式碼如下所示:

<input type="text" id="username" />
<div id="content">PHP中文网</div>
<p id="url">https://www.php.cn/</p>

CSS中使用id屬性--id 選擇器

id ​​選擇器可以為標有特定id 的HTML 元素指定特定的樣式。

HTML元素以id屬性來設定id​​選擇器,CSS 中 id 選擇器以 "#" 來定義。

語法結構如下:

#ID {
  属性 : 属性值;
}

用法與類別選擇器類似,這裡不做贅述。只需要注意id屬性唯一不可重複即可。

一個ID值在一個HTML文件中只能出現一次,也就是一個ID只能唯一標識一個元素(不是一類元素,而是一個元素)。

即元素的 id 在頁面中是唯一的,因此 id 選擇器用於選擇一個唯一的元素!

範例:

#div1{
    background:rgb(200,200,0);
    color:blue;
    font-size:20px;
}

執行結果

<p>这是一个段落</p>
<p id="div1">这是一个段落</p>

id屬於html嗎

#注意:由於id屬性的唯一性,一般使用css做樣式不使用該選擇器,而該選擇器的主要用途是用來做js特效

(學習影片分享:web前端

以上是id屬於html嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn