html語義化在前端學習中會經常出現,下面對html語義化做個總結
一、什麼是html語義化
html語義化總的來說就是用正確的標籤做正確的事。圍繞著一些標籤展開,如h1-h6。把適當的標籤用在合適的地方。是頁面結構更加的清晰。
二、html語義化有什麼作用
1、使用html語義化,能使頁面結構更清晰,便於解析。
2、有利於seo。搜尋引擎爬蟲依賴於html標籤來確定上下文和關鍵字權重。
3、使用html語義化,在沒有css樣式的時候頁面也能正確清晰的呈現
4、有利於各種裝置的解析,如盲人閱讀器,螢幕閱讀器
5、有利於團隊合作開發與維護。
三、html5增加的語義化標籤
1、
頁面的標題,具有唯一性,標題的取名盡量包含網頁幾個關鍵字。
2、
3、
**的標誌,主導航,搜尋框等
4、
**的導航。
5、
網頁的主要內容,乙個網頁只能有乙個
6、
乙個獨立的容器,比如文件,網頁,像報紙一樣包起來。
7、
**相似主題的一些內容,如自我介紹、聯絡資訊等 。
8、
9、
表示頁尾
10、
11、
表示內容的重要性
12、
強調內容的重要性
13、
突出顯示文字,梯形讀者
14、
指明引用或參考的內容,並不從中引述
15、
表示引述的內容
16、
表示短引述
17、
建立圖
18、figurecaption>
建立圖的標題,必須在前面或者結尾
19、
省略符
20、
定義術語元素
21、
表示時間
22、
表示編碼
23、
表示一些資訊,如位址
24、
表示刪除的內容
25、
表示新增的內容
預格式化文字
HTML之語義化標籤
語義化的標籤,旨在讓標籤有自己的含義。語義元素清楚地向瀏覽器和開發者描述其意義。定義塊引用,塊引用擁有它們自己的空間。短的引述 跨瀏覽器問題,盡量避免使用 datetime 屬性遵循特定格式,如果忽略此屬性,文字內容必須是合法的日期或者時間格式。簡稱或縮寫。定義術語元素,與定義必須緊挨著,可以在描述...
html語義化標籤 HTML語義化
html語義化的發展分成三個階段 原始階段 這個階段寫html標籤的主要是最早的全棧開發人員,由於對頁面的美化需求還處在最基本的層面,因此大多使用標籤,這樣的缺點也很明顯,後期維護人員很難從眾多的標籤中找到自己需要的內容。美工階段 對頁面美化需求的提公升,催生了這一階段的 美工 人員,對標籤的使用也...
標籤語義化之常用HTML標籤
一 布局的理解誤區 網路上流行管新型的布局方式叫 div css 其實是乙個錯誤的理解,導致了很多人過度依賴與濫用div標籤,html提供了我們一共七八十個標籤,其中常用的有三十個左右,div不過是乙個相對的空標籤而已,在很多情況下,我們可以使用其他更合適且更簡潔的標籤可以替代它。二 標籤的差異 共...