html5ID屬性的使用方法

需要在具有相同類的元素中識別出某些元素。你想為一類元素賦予額外的語義和關聯。你想為一類元素以相同的方式賦予樣式。你想在文檔中唯一識別出某些特別的元素，這樣你就能只為它們賦予樣式，並通過JavaScript直接讀取它們。下面我們給大家介紹一下html5ID屬性的使用方法吧!

解決方案

HTML提供class和id屬性用於實現以上那些想法。你可以為任何元素賦予class和id.

在ID和類名中不能包含空格，它必須以字母開頭，其中可含有字符、數字、下劃線(_)、連字符(-)。因為當應用XHTML時，CSS選擇符是區分大小寫的，所以通常我們都把類和ID的名字全部小寫。

類

class為元素賦了一個用戶自定義的語義內涵。class是擴展HTML元素含義的主要方式。具有相同類名的元素是相互關聯的，可以被當作一個群組來操作。可以通過CSS選擇符為一類元素添加樣式。可以使用一種文檔處理器(比如XSLT)對一類元素進行操作。

可以為一個元素賦予多個類，只需在元素的class屬性中放置多個類名，每個類名用空格分隔。

類必須擁有充滿語義的名字，例如copyright(版權)、date(日期)、price(價格)、back-to-top(返回到頂部)、example(例子)、figure(數字)、listing(列表)、illustration(插圖)、note(注釋)、result(結果)、tip(提示)、warning(警告)等。

ID

ID在文檔中應當是唯一的。如果不是，CSS的ID選擇符會選擇所有具有相同ID的元素--就像class屬性一樣。

可以用唯一的ID作為CSS選擇符來對某個元素添加樣式。可以把它當作一個錨，這樣通過其他的鏈接就能夠找到它。可以用JavaScript或文檔處理器通過它來讀取和操作某個具體的元素。

ID的名字也應當充滿語義，例如skip-to-main-content(跳到主內容區)、page(頁面)、preheader(頭前)、header(頁頭)、title(標題)、search(搜索)、postheader(頭後)、body(主體區)、nav(導航欄)、site-map(站點地圖)、links(鏈接)、main(主內容區)、section1(第一部分)、section2(第二部分)、news(新聞)、about-us(關於我們)、services(服務)、products(產品)等。

模式

HTML

CSS

#id     { STYLES }

*.class { STYLES }

提示

因為

和元素沒有語義內涵，所以可以為它們賦予任何預定義內涵的類而不會引起沖突。能夠為 賦予類，從而創建自定義語義內涵的文檔結構。可以為添加類從而為文本賦予新的內涵。雖然MicroFormats(微格)正在朝一個標准的語義命名規則努力(通過把HTML結構和類名映射為通用的標准，例如hCard和hCalendar)，但是目前還沒有一種用預定義好的精確內涵為類命名的方法。

 

以上就是我們給大家介紹的html5ID屬性的內容了。希望大家繼續關注我們的網站!