国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

淺談HTML的語義化和一些簡單優化

2019-10-26 17:19:53
字體:
來源:轉載
供稿:網友

1、什么是語義化?

必應網典的解釋

語義化是指用合理HTML標記以及其特有的屬性去格式化文檔內容。通俗地講,語義化就是對數據和信息進行處理,使得機器可以理解. 語義化的(X)HTML文檔有助于提升你的網站對訪客的易用性,比如使用PDA、文字瀏覽器以及殘障人士將從中受益。對于搜索引擎或者爬蟲軟件來說,則有助于它們建立索引,并可能給予一個較高的權值。 事實上SEO最有效的一種辦法,就是對網頁的HTML結構進行重構,實質上就是語義化。

簡單來說,就是根據內容的結構化(內容語義化),選擇合適的標簽(代碼語義化)便于開發者閱讀和寫出更優雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析,什么樣的內容就用什么樣的標簽。

2、語義化的好處?

在css文件沒有成功加載的時候頁面也能呈現好的內容結構;利于SEO,讓搜索引擎和爬蟲軟件抓取更多有用的信息,建立索引,獲取較高的權值;方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以意義的方式來渲染網頁;

3、HTML5的語義化

最新的HTML5就網頁結構化增加了一系統的結構化標簽

結構:

  • <header>頭部</header>   <nav>導航</nav>  
  • <article>       <section>內容1</section>  
  •     <section>內容2</section>       <section>內容3</section>  
  • </article>   <aside>側邊欄</aside>  
  • <footer>底部</footer>  
  • 4、寫HTML需要注意的點

    標簽閉合</>,/>;

    正確使用標簽嵌套,避免行內元素包圍塊元素;

    合理使用標簽,盡量少使用無語義的標簽div,span,在css文件沒有成功加載的時候頁面也能呈現好的內容結構;

    使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,作為標題使用,并且依據重要性遞減,<h1>是最高的等級;

    使用<p>區分段落,避免使用<br />換行;

    不要使用純樣式的標簽,b,font,u等,改為css設置;

    使用表格時,使用<thead>,<tbody>,<tfoot>包圍頭部,主體內容,表格;

    5、關于SEO優化,HTML需要做些什么?

    文檔類型統一使用HTML5 doctype <!DOCTYPE HTML>;

    meta標簽優化,主要有title、description、keywords三個地方,結束不要使用“ />”,應該直接寫“>”;

    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表

    圖片精選

    主站蜘蛛池模板: 安庆市| 岳普湖县| 和田市| 高要市| 峡江县| 河东区| 封丘县| 霸州市| 土默特左旗| 屏东市| 巫溪县| 宁河县| 晋中市| 凤冈县| 克东县| 蕲春县| 泾源县| 文山县| 若尔盖县| 江口县| 岱山县| 乌兰县| 奇台县| 周口市| 馆陶县| 石狮市| 阆中市| 子洲县| 上思县| 吉木萨尔县| 小金县| 承德市| 手游| 丰原市| 迁西县| 鹤峰县| 文水县| 始兴县| 广昌县| 拜泉县| 乌拉特中旗|