1、什么是語義化霞玄？
必應(yīng)詞典的解釋
語義化是指用合理HTML標(biāo)記以及其特有的屬性去格式化文檔內(nèi)容。通俗地講,語義化就是對數(shù)據(jù)和信息進(jìn)行處理,使得機(jī)器可以理解. 語義化的(X)HTML文檔有助于提升你的網(wǎng)站對訪客的易用性拉岁，比如使用PDA坷剧、文字瀏覽器以及殘障人士將從中受益。對于搜索引擎或者爬蟲軟件來說喊暖，則有助于它們建立索引惫企，并可能給予一個(gè)較高的權(quán)值。 事實(shí)上SEO最有效的一種辦法陵叽，就是對網(wǎng)頁的HTML結(jié)構(gòu)進(jìn)行重構(gòu)狞尔，實(shí)質(zhì)上就是語義化。
簡單來說巩掺，就是根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化）偏序，選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析，什么樣的內(nèi)容就用什么樣的標(biāo)簽锌半。
2禽车、語義化的好處？
- 在css文件沒有成功加載的時(shí)候頁面也能呈現(xiàn)好的內(nèi)容結(jié)構(gòu)刊殉；
- 利于SEO殉摔，讓搜索引擎和爬蟲軟件抓取更多有用的信息，建立索引记焊，獲取較高的權(quán)值逸月；
- 方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器遍膜、移動(dòng)設(shè)備）以意義的方式來渲染網(wǎng)頁碗硬；
3、HTML5的語義化
最新的HTML5就網(wǎng)頁結(jié)構(gòu)化增加了一系統(tǒng)的結(jié)構(gòu)化標(biāo)簽
結(jié)構(gòu)：
<header>頭部</header>
<nav>導(dǎo)航</nav>
<article>
<section>內(nèi)容1</section>
<section>內(nèi)容2</section>
<section>內(nèi)容3</section>
</article>
<aside>側(cè)邊欄</aside>
<footer>底部</footer>
4瓢颅、寫HTML需要注意的點(diǎn)
- 標(biāo)簽閉合</>恩尾，/>;
- 正確使用標(biāo)簽嵌套，避免行內(nèi)元素包圍塊元素挽懦；
- 合理使用標(biāo)簽翰意，盡量少使用無語義的標(biāo)簽div，span，在css文件沒-
有成功加載的時(shí)候頁面也能呈現(xiàn)好的內(nèi)容結(jié)構(gòu)冀偶； - 使用<h1>醒第、<h2>、<h3>进鸠、<h4>稠曼、<h5>、<h6>,作為標(biāo)題使用客年，并且依據(jù)重要性遞減霞幅，<h1>是最高的等級(jí)；
- 使用<p>區(qū)分段落量瓜，避免使用<br />換行蝗岖；
- 不要使用純樣式的標(biāo)簽，b榔至，font，u等欺劳，改為css設(shè)置唧取；
- 使用表格時(shí)，使用<thead>划提，<tbody>枫弟，<tfoot>包圍頭部，主體內(nèi)容鹏往，表格淡诗；
5、關(guān)于SEO優(yōu)化伊履，HTML需要做些什么韩容？
- 文檔類型統(tǒng)一使用HTML5 doctype <!DOCTYPE HTML>；
- meta標(biāo)簽優(yōu)化唐瀑，主要有title群凶、description、keywords三個(gè)地方哄辣，結(jié)束不要使用“ />”请梢，應(yīng)該直接寫“>”；
- css文件最好使用一個(gè)力穗，放在頭部<head>標(biāo)簽里面毅弧；
- js文件最好放在底部，避免因加載js文件阻塞HTML的渲染当窗；
- 使用外聯(lián)文件够坐，避免在HTML直接寫css和js的代碼；
- 引入文件時(shí)使用絕對地址，絕對地址包括了網(wǎng)站的域名咆霜；
- img標(biāo)簽加上alt關(guān)鍵字邓馒，利于SEO優(yōu)化，盡量不要使-
用“的”蛾坯、“上”光酣、“好”、“等等”等脉课，搜索引擎數(shù)據(jù)庫默認(rèn)不收錄的字救军； - logo處加h1標(biāo)簽，搜索引擎默認(rèn)h1標(biāo)簽這個(gè)標(biāo)題是網(wǎng)頁中最重要的信息倘零，所以我們把最重要信息入在<H1>標(biāo)簽內(nèi)唱遭；
關(guān)于html網(wǎng)頁是否符合標(biāo)準(zhǔn)，可以在這個(gè)網(wǎng)頁檢查呈驶，直接輸入鏈接即可查看檢查結(jié)果
https://validator.w3.org/nu/
