1:語義化標簽是什么?
語義化標簽,目的是讓標簽有自己的含義
語義化
非語義化
如上代碼,p標簽含義就是段落,而span標簽毫無意義。
2:語義化標簽好處
方便用戶閱讀,頁面更加清晰。
更好的SEO,搜索引擎根據標簽來確定上下文和各個關鍵字的權重。
有利于開發維護。
3:頁面結構語義化標簽
1、
定義文檔或者文檔的部分區域的頁眉,應作為介紹內容或者導航鏈接欄的容器。
在一個文檔中,您可以定義多個元素,但需要注意的是元素不能作為
、 或 元素的子元素。2、
描述一個含有多個超鏈接的區域,該區域包含跳轉到其他頁面或頁面內部其他部分的鏈接列表。
在一個文檔中,可定義多個元素。
3、
定義文檔的主要內容,該內容在文檔中應當是獨一無二的,不包含任何在文檔中重復的內容,比如側邊欄,導航欄鏈接,版權信息,網站logo,搜索框(除非搜索框作為文檔的主要功能)。
需要注意的是在一個文檔中不能出現多個標簽。
4、
元素表示文檔、頁面、應用或網站中的獨立結構,是可獨立分配的、可復用的結構,如在發布中,它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評論、交互式組件,或者其他獨立的內容項目。
當元素嵌套使用時,則該元素代表與外層元素有關的文章。例如,代表博客評論的元素可嵌套在代表博客文章的元素中。
5、
元素表示一個和其余頁面內容幾乎無關的部分,被認為是獨立于該內容的一部分且可以被單獨的拆分出來而不會影響整體。通常表現為側邊欄或嵌入內容。
6、
定義最近一個章節內容或者根節點元素的頁腳。一個頁腳通常包含該章節作者、版權數據或者與文檔相關的鏈接等信息。
使用footer插入聯系信息時,應在 footer 元素內使用
元素。注意不能包含或者
7、
表示文檔中的一個區域(或節),比如,內容中的一個專題組。
4:常見語義化標簽
:頁面主題內容:h1~h6分級標題,用于創建頁面信息的層級關系。
:呈現小號字體效果,指定細則,輸入免責聲明、注解、署名、版權。
:表示內容重要性
:標記內容著重點
:突出顯示文本(yellow),提醒讀者。
:指明引用或參考,如圖書的標題,歌曲、電影、等的名稱,演唱會、音樂會、規范、報紙、或法律文件等。
:引述文本,默認新的一行顯示
:標記時間。datetime屬性遵循特定格式,如果忽略此屬性,文本內容必須是合法的日期或者時間格式。
:作者、相關人士或組織的聯系信息(電子郵件地址、指向聯系信息頁的鏈接):完成進度