整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對(duì)品牌的自我宣傳，從而獲取收益。
HTML語義化：根據(jù)內(nèi)容的結(jié)構(gòu)的語義化，選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)利于SEO優(yōu)化。
前面也做了基本的闡述：
SEO就是為了對(duì)品牌的自我宣傳，從而獲得收益；
語義化的目的:
在沒有css的情況下，頁面也能呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)，代碼結(jié)構(gòu)；
提升用戶體驗(yàn)：例如title、alt用于解釋名詞和解釋圖片信息；
有利于SEO優(yōu)化：和搜索引擎建立良好的溝通，有助于爬蟲抓取更多的有效信息，爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重；
方便其他設(shè)備解析如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備；
語義化更據(jù)有可讀性，便于團(tuán)隊(duì)開發(fā)和維護(hù)。
Google、Yahoo、Bing 約定，對(duì) http://schema.org 所列出來的標(biāo)簽進(jìn)行解析。
原因其實(shí)很簡單，因?yàn)閟chema標(biāo)簽對(duì)搜索引擎很重要。目前，搜索引擎的發(fā)展趨勢是全能化，簡單化，讓用戶在最短的時(shí)間里獲取到想要的信息，讓用戶在點(diǎn)擊搜索結(jié)果之前就獲取到足夠的信息進(jìn)行判斷。
比如Google general search，Google會(huì)根據(jù)你搜索的關(guān)鍵詞推薦網(wǎng)頁、新聞、圖片、視頻、音樂、商品、地圖、本地結(jié)果、實(shí)時(shí)結(jié)果等等。
比如Google onebox，Google會(huì)根據(jù)某些特定的指令，直接給出針對(duì)性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。
還有前段時(shí)間Google推出的網(wǎng)站截圖預(yù)覽，snippets lists等等。
Google的目標(biāo)是要整合所有資源，讓用戶能方便獲取到。資源有很多種，文字目前搜索引擎可以完全識(shí)別到，但是圖片、flash、音樂、視頻搜索引擎不能識(shí)別或只能識(shí)別一小部分，所以以目前的技術(shù)，尚不能整合網(wǎng)站上所有呈現(xiàn)出來的資源，所以需要用戶進(jìn)行配合。
我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。
搜索引擎希望每個(gè)網(wǎng)站都把不同的資源標(biāo)記出來，并打上搜索引擎容易識(shí)別的標(biāo)簽，利于搜索引擎進(jìn)行判斷歸類，并在搜索結(jié)果中更好的呈現(xiàn)出來。
從SEO角度來看，對(duì)搜索引擎重要的就是對(duì)SEO重要的。
網(wǎng)站如果按照schema上的規(guī)則進(jìn)行重寫代碼，方便了搜索引擎對(duì)信息的抓取，對(duì)網(wǎng)站內(nèi)容在搜索結(jié)果中的呈現(xiàn)會(huì)有很好的幫助，能夠適應(yīng)搜索引擎的發(fā)展趨勢。也許對(duì)某些關(guān)鍵詞排名不會(huì)有明顯的效果，但是從長遠(yuǎn)來看，對(duì)于從搜索引擎獲取流量應(yīng)該有不小的幫助。
W3C定義了這些語義標(biāo)簽，不可能完全符合我們有時(shí)的設(shè)計(jì)目標(biāo)，就像制定出來的法律不可能流傳100年都不改變，更何況它才制定沒多久，不可能這些語義標(biāo)簽對(duì)所以設(shè)計(jì)目標(biāo)的適應(yīng)。只是一定程度上的“通用”，我們的目標(biāo)是讓爬蟲讀懂重要的東西就夠了。
結(jié)論：不能因?yàn)橛辛薍TML 5標(biāo)簽就棄用了div，每個(gè)事物都有它的獨(dú)有作用的。
節(jié)課介紹HTML常用的標(biāo)簽以及什么是HTML語義化。
案例和由此案例重點(diǎn)講解的知識(shí)點(diǎn)介紹
案例代碼實(shí)現(xiàn)
html標(biāo)簽語義化知識(shí)點(diǎn)詳解
此案例是頁面，效果如下：
此頁面的技術(shù)實(shí)現(xiàn)解析：
使用語義化標(biāo)簽header實(shí)現(xiàn)登錄頭部分，使用section來書寫登錄部分，讓頁面更加整潔易懂。
此案例中主要用到了header和section，基于此，我們會(huì)系統(tǒng)的將如下知識(shí)點(diǎn)全部講解：
標(biāo)簽語義化
語義化注意事項(xiàng)
第一步：使用語義化標(biāo)簽header和section編寫登錄頁面html
第二步：全局css樣式聲明
第三步：登錄頭headercss樣式
第四步：登錄主體section及用戶名密碼輸入框css樣式
第五步：登錄按鈕css樣式
標(biāo)簽語義化
-標(biāo)簽語義化概念：根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標(biāo)簽（代碼語義化）
-標(biāo)簽語義化意義：
1:網(wǎng)頁結(jié)構(gòu)合理
2:有利于seo:和搜索引擎建立良好溝通，有了良好的結(jié)構(gòu)和語義你的網(wǎng)頁內(nèi)容自然容易被搜索引擎抓取；
3:方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備）
4:便于團(tuán)隊(duì)開發(fā)和維護(hù)
標(biāo)簽語義化（注意事項(xiàng)）
1：盡可能少的使用無語義的標(biāo)簽div和span；
2：在語義不明顯時(shí)，既可以使用div或者p時(shí)，盡量用p, 因?yàn)閜在默認(rèn)情況下有上下間距，對(duì)兼容特殊終端有利；
3：不要使用純樣式標(biāo)簽，如：b、font、u等，改用css設(shè)置。
4：需要強(qiáng)調(diào)的文本，可以包含在strong或者em標(biāo)簽中strong默認(rèn)樣式是加粗（不要用b），em是斜體（不用i）；
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
