摘要:一語義化標簽標簽描述頁面獨立的內容區域。二語義化標簽的使用頁面主要內容標簽的特點是簡短描述性唯一,用于提升搜索引擎排名。若使用標簽來定義計算機源代碼,比如源代碼,則使用符號實體來表示特殊字符,比如代表,代表,代表。
一、HTML5語義化標簽
標簽 | 描述 |
---|---|
頁面獨立的內容區域。 | |
頁面的側邊欄內容。 | |
允許您設置一段文本,使其脫離其父元素的文本方向設置。 | |
命令按鈕,比如單選按鈕、復選框或按鈕 | |
用于描述文檔或文檔某個部分的細節 | |
對話框,比如提示框 | |
標簽包含 details 元素的標題 | |
規定獨立的流內容(圖像、圖表、照片、代碼等等)。 | |
section 或 document 的頁腳。 | |
文檔的頭部區域 | |
帶有記號的文本。 | |
度量衡。僅用于已知最大和最小值的度量。 | |
導航鏈接的部分。 | |
任何類型的任務的進度。 | |
ruby 注釋(中文注音或字符)。 | |
字符(中文注音或字符)的解釋或發音。 | |
在 ruby 注釋中使用,不支持 ruby 元素的瀏覽器所顯示的內容。 | |
文檔中的節(section、區段)。 | |
日期或時間。 | |
規定在文本中的何處適合添加換行符。 |
(1)
(2)搜索引擎會把 title 作為判斷頁面主要內容的指標,有效的 title 應該包含幾個與頁面內容密切相關的關鍵字,建議將 title 的核心內容寫在前 60 個字符。
2.2(1)HTML5 規范描述為“一組解釋性或導航型性的條目”,通常有網站標志、主導航、全站鏈接以及搜索框。
2.3 導航(1)頁面的導航鏈接區域,用于定義頁面的主要導航部分。
(2)導航通常使用 無序列表。若是面包屑鏈接,則使用
有序列表。
(3)HTML5 規范不推薦對輔助頁腳鏈接使用 nav,除非頁腳再次顯示頂級全局導航、或者是招聘信息等重要鏈接。
2.4 主要內容(1)網站頁面的主要內容,并且一個頁面只能使用一次
(2)若是 web 應用,則包含其主要功能。
2.5 文章標記(1)表示的是一個文檔、頁面、應用或是網站中的一個獨立的容器。
(2)HTML5 規范聲明
(3)
(1)一組相似主題的內容,一般會有一個標題。
(2)實現比如文章的章節,標簽式對話框中的各種標簽頁等功能。
2.7 側邊欄(1)表示一部分內容與頁面的主體并沒有較大的關系,并且可以獨立存在。
(2)實現比如升式引用、側邊欄、相關文章的鏈接、廣告、友情鏈接等功能。
2.8 頁腳(1)和
(1)表示它所包含的文本對某個參考文獻的引用,比如書籍或者雜志的標題。
(2)按照慣例,引用的文本將以斜體顯示。
(3)用 標簽把指向其他文檔的引用分離出來,尤其是分離那些傳統媒體中的文檔,如書籍、雜志、期刊,等等。
2.10 塊引用(1)
與之間的所有文本都會從常規文本中分離出來,經常會在左、右兩邊進行縮進(增加外邊距),而且有時會使用斜體。也就是說,塊引用擁有它們自己的空間。 2.11 短的引用
(1)瀏覽器經常在引用的內容周圍添加引號。
(2)根據 HTML 4.01 規范,q 元素應當使用分界引號來呈現,就是說,q 元素包含的文本必須以引號來開始和結束。
2.12 日期或時間(1)如果未定義 datetime 屬性,則必須在元素的內容中規定日期或時間。
2.13 簡稱或縮寫(1)通過對縮寫進行標記,您能夠為瀏覽器、拼寫檢查和搜索引擎提供有用的信息。
(2)可以在 標簽中使用全局的 title 屬性,這樣就能夠在鼠標指針移動到 元素上時顯示出簡稱/縮寫的完整版本。
2.14 特殊術語或短語的定義(1)現在流行的瀏覽器通常用斜體來顯示 中的文本。
(2)與其他許多基于內容的樣式和物理樣式標簽一樣, 標簽盡量少用為妙。
2.15(1)和 標簽配合使用,來描述文檔中的更新和修正。
2.16 插入文本 2.17
源代碼
(1)用于表示計算機源代碼或者其他機器可以閱讀的文本內容。
2.18 預格式化的文本(1)被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
(2)若使用
標簽來定義計算機源代碼,比如 HTML 源代碼,則使用符號實體來表示特殊字符,比如 "<" 代表 "<",">" 代表 ">","&" 代表 "&"。(3)可以導致段落斷開的標簽(例如標題、
和
標簽)絕不能包含在所定義的塊里。盡管有些瀏覽器會把段落結束標簽解釋為簡單地換行,但是這種行為在所有瀏覽器上并不都是一樣的。(4)pre 元素中允許的文本可以包括物理樣式和基于內容的樣式變化,還有鏈接、圖像和水平分隔線。
閱讀更多
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/115856.html
摘要:一語義化的背景結構語義化,是近幾年才提出來的,對比之前的結構,大多是一堆沒有語義的標簽。用的最多的就是,為了改變這種現狀,開發者們和官方提出了結構語義化的概念,并且在添加了很多語義化標簽。 一、HTML語義化的背景 HTML結構語義化,是近幾年才提出來的,對比之前的 HTML 結構,大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS,為了改變這種現狀,開發者們和官方提出了 HTM...
摘要:一語義化的背景結構語義化,是近幾年才提出來的,對比之前的結構,大多是一堆沒有語義的標簽。用的最多的就是,為了改變這種現狀,開發者們和官方提出了結構語義化的概念,并且在添加了很多語義化標簽。 一、HTML語義化的背景 HTML結構語義化,是近幾年才提出來的,對比之前的 HTML 結構,大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS,為了改變這種現狀,開發者們和官方提出了 HTM...
摘要:一語義化標簽標簽描述頁面獨立的內容區域。二語義化標簽的使用頁面主要內容標簽的特點是簡短描述性唯一,用于提升搜索引擎排名。若使用標簽來定義計算機源代碼,比如源代碼,則使用符號實體來表示特殊字符,比如代表,代表,代表。 一、HTML5語義化標簽 標簽 描述 頁面獨立的內容區域。 頁面的側邊欄內容。 允許您設置一段文本,使其脫離其父元素的文本方向設置。 命令按鈕...
閱讀 1208·2021-11-22 12:05
閱讀 1335·2021-09-29 09:35
閱讀 629·2019-08-30 15:55
閱讀 3122·2019-08-30 14:12
閱讀 954·2019-08-30 14:11
閱讀 2874·2019-08-30 13:10
閱讀 2400·2019-08-29 16:33
閱讀 3326·2019-08-29 11:02