什么是HTML語義化標簽?常見HTML語義化標簽大全


一、什么是HTML語義化標簽

語義化的標簽,旨在讓標簽有自己的含義。

<p>一行文字</p>
<span>一行文字</span>

二、語義化標簽的優勢

  1. 實現了無障礙訪問:使其內容對於借助輔助技術的殘障訪問者也是可以訪問的,對於台式機、手機、平板或是其他設備上的瀏覽器都是可以訪問的;’
  2. 搜索引擎優化:網頁在搜索引擎中的排名會靠前,因為搜索引擎對用特殊標記的內容賦予更高的權重;
  3. 更容易維護代碼和添加樣式:清晰的結構能使代碼更有效,更加有利於維護,更容易檢索到可能出現的錯誤。借助css統一特定的元素的樣式。

三、常見的語義化標簽

  • <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>定義一個表格

(部分內容)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM