HTML語義化標簽


        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語義化的重要性。

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

     如何實現html語義化?減少對html結構的依賴,例如在html結構中有一個設置文字樣式的<font>標簽,但是在html5協議中則不建議再進行使用,建議把<font>標簽轉化為CSS樣式定義的例如<h1 style="font-size:30px"> 這樣作為一個樣式值而不是單獨的html標簽形式。盡量使用css來設置結構,用HTML定義框架。

 


免責聲明!

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



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