欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談HTML的語義化和一些簡單優(yōu)化

  發(fā)布時間：2016-10-12 10:09:25   作者：佚名   我要評論
下面小編就為大家?guī)硪黄獪\談HTML的語義化和一些簡單優(yōu)化。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1、什么是語義化？

必應網(wǎng)典的解釋

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

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

2、語義化的好處？

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

3、HTML5的語義化

最新的HTML5就網(wǎng)頁結構化增加了一系統(tǒng)的結構化標簽

結構：

XML/HTML Code復制內容到剪貼板
  1. <header>頭部</header>  
  2. <nav>導航</nav>  
  3. <article>  
  4.     <section>內容1</section>  
  5.     <section>內容2</section>  
  6.     <section>內容3</section>  
  7. </article>  
  8. <aside>側邊欄</aside>  
  9. <footer>底部</footer>  

4、寫HTML需要注意的點

標簽閉合</>，/>;

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

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

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

使用<p>區(qū)分段落，避免使用<br />換行；

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

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

5、關于SEO優(yōu)化，HTML需要做些什么？

文檔類型統(tǒng)一使用HTML5 doctype <!DOCTYPE HTML>；

meta標簽優(yōu)化，主要有title、description、keywords三個地方，結束不要使用“ />”，應該直接寫“>”；

css文件最好使用一個，放在頭部<head>標簽里面；

js文件最好放在底部，避免因加載js文件阻塞HTML的渲染；

使用外聯(lián)文件，避免在HTML直接寫css和js的代碼；

引入文件時使用絕對地址，絕對地址包括了網(wǎng)站的域名；

img標簽加上alt關鍵字，利于SEO優(yōu)化，盡量不要使用“的”、“上”、“好”、“等等”等，搜索引擎數(shù)據(jù)庫默認不收錄的字；

logo處加h1標簽，搜索引擎默認h1標簽這個標題是網(wǎng)頁中最重要的信息，所以我們把最重要信息入在<H1>標簽內；

關于html網(wǎng)頁是否符合標準，可以在這個網(wǎng)頁檢查，直接輸入鏈接即可查看檢查結果

https://validator.w3.org/nu/

以上就是小編為大家?guī)淼臏\談HTML的語義化和一些簡單優(yōu)化全部內容了，希望大家多多支持腳本之家~

相關文章

  • HTML5語義化元素你真的用對了嗎

    這篇文章主要介紹了HTML5語義化元素的相關知識，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
    2019-08-22

  • HTML5新特性之語義化標簽

    HTML5 只有一個簡單的文檔類型：<!DOCTYPE html>，表示瀏覽器會按照標準模式解析。今天小編給大家?guī)砹薍TML5新特性之語義化標簽，感興趣的朋友一起看看吧
    2017-10-31

  • HTML5中語義化 b 和 i 標簽

    b 和 i 標簽在現(xiàn)在的 Web 標準潛規(guī)則中是不推薦使用，甚至是反對使用的，因為認為他們只是“表現(xiàn)”粗體和斜體，而沒有任何“語義”。更多的用 strong
    2008-10-17

  • HTML5 語義化結構化規(guī)范化

    HTML結構更加清晰、規(guī)范，學習HTML5優(yōu)化結構的思路。 HTML5添加了一些新元素，用來標識常用的結構，是html更具語義化，可是我們無法直接使用，即使可能用到還要等他個十年
    2008-10-17

  • HTML標簽語義化（含H5）

    本篇文章小編為大家介紹HTML標簽語義化（含H5） ，有需要的朋友可以參考一下
    2013-04-08

  • 詳解HTML5常用的語義化標簽

    這篇文章主要介紹了詳解HTML5常用的語義化標簽的相關資料,需要的朋友可以參考下
    2019-09-27

  • 淺談語義化的HTML結構到底有什么好處

    下面小編就為大家?guī)硪黄獪\談語義化的HTML結構到底有什么好處。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-05

  • 使用語義化標簽去寫你的HTML 兼容IE6,7,8

    下面小編就為大家?guī)硪黄褂谜Z義化標簽去寫你的HTML 兼容IE6,7,8。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
    2016-04-14

  • HTML標簽語義化的介紹

    html標簽語義：即html標簽的含義
    2012-11-17

  • XHTML標簽語義化介紹

    前兩天參加了公司組織的一個WD培訓，有一節(jié)課講了標簽語義化，聽了之后感覺特別有用，更正了我以前對 HTML 和 CSS 的錯誤看法。
    2011-01-25

最新評論