HTML描述的是網頁內容的含義,即語義。語義化標簽(semantic HTML)指的是那些使用最恰當的HTML元素進行標記的內容,在標記的過程中並不關心內容的顯示效果。HTML定義的是
基本HTML頁面的語義,了解一些常見用的HTML元素。可以通過訪問 https://www.w3cschool.cn/ 來了解更多關於HTML元素的基本內容。
- <head>頭部
- <body>主體
- <a> 超鏈接
- <marquee>滾動字幕
- <ol>有序列表
- <ul>無序列表
- <dl>說明項目條例
- <i>定義斜體字
- <b>定義粗體文本
- <em>定義着重文字
- <small>定義小號字
- <strong>定義加重語氣
- <sub>定義下標字H2O
- <sup>定義上標字c²=a²+b²
- <ins>定義插入字(文字下方下划線效果)
- <del>定義刪除字(文字中間有一條橫線)
- <code>定義計算機代碼
- <kbd>定義鍵盤碼
- <samp>定義計算機代碼樣本
- <var>定義變量
- <pre>定義預格式文本
- <abbr>定義縮寫
- <address>定義地址
- <bdo>定義文字方向
- <blockquote>定義長的引用
- <q>定義短的引用語
- <cite>定義引用、引證
- <dfn>定義一個定義項目
- <form>定義一個表單
- <table>定義一個表格
(部分內容)
HTML語義化的重要性。
- 實現了無障礙訪問:使其內容對於借助輔助技術的殘障訪問者也是可以訪問的,對於台式機、手機、平板或是其他設備上的瀏覽器都是可以訪問的;’
- 搜索引擎優化:網頁在搜索引擎中的排名會靠前,因為搜索引擎對用特殊標記的內容賦予更高的權重;
- 更容易維護代碼和添加樣式:清晰的結構能使代碼更有效,更加有利於維護,更容易檢索到可能出現的錯誤。借助css統一特定的元素的樣式。
如何實現html語義化?減少對html結構的依賴,例如在html結構中有一個設置文字樣式的<font>標簽,但是在html5協議中則不建議再進行使用,建議把<font>標簽轉化為CSS樣式定義的例如<h1 style="font-size:30px"> 這樣作為一個樣式值而不是單獨的html標簽形式。盡量使用css來設置結構,用HTML定義框架。