HTML機關是頁面的骨架，一個頁面就彷佛一幢屋子，HTML機關便是鋼精鋼筋混泥土的墻，一幢屋子若是沒有鋼精鋼筋混泥土的墻那便是一堆費磚頭，不能住人，不能辦公。

信賴大家都知道html和css，知道html機關和css浮現疏散，知道html語義化，這些都是這幾年的熱點環節字。語義化的html在海內也是一兩年前才最先被追捧的，看看現在群里指斥爭執的html機關，關于html機關的口試題，語義化的html據有了很大一部分。那么為什么要哄騙語義化的HTML？語義化的HTML到底有什么所長呢？

HTML是提供網頁文檔內容的上下文機關和含義；html自己是沒有浮現的，我們看到比方<h1>是粗體，字體大小2em，加粗；<strong>是加粗的，不要以為這是html的浮現，這些著實html默認的css樣式在起浸染，以是首先我們要知道html和頁面的浮現是沒有干系的，這些是css的事情。HTML在頁面中的浸染便是機關和含義，平常點說便是離別內容，這里放什么，我們放的是什么。

語義化的HTML機關起垂?？浯驢TML機關

HTML機關是頁面的骨架，一個頁面就彷佛一幢屋子，HTML機關便是鋼精鋼筋混泥土的墻，一幢屋子若是沒有鋼精鋼筋混泥土的墻那便是一堆費磚頭，不能住人，不能辦公。css是裝飾質料，是原木地板，是大理石，是油漆，是用來裝飾屋子的，CSS的強大就不用多說了，css若是沒有html機關那便是一堆木板，一同油漆，沒有了實際哄騙價錢。CSS完全依賴引用它的(X)HTML文檔。若是你想使CSS的才具充盈施展到極致，提供一個用既潔凈又有機關的內容的html是極端需要的，“HTML是在互聯網上公布超文本的通用語……HTML哄騙標簽來對文本機關化”

語義化的HTML機關怎么寫？

HTML是一種對文本內容舉辦機關和意義（大概說“語義”）舉辦補充的要領。它會敷陳我們說：“這行是一個標題問題，這幾行組成了一個段落。這些筆墨是項目列表，這些筆墨是鏈接到互聯網上另一個文件的超鏈接。”值得當心的是，不應該讓HTML來敷陳我們：“這些筆墨是藍色的，這些筆墨又是血色的。這部分內容是最最靠右的一欄，這行內容是斜體字。”這些和浮現干系的信息是CSS的事情。在做前端啟迪的時辰要記著：HTML敷陳我們一塊內容是什么（或其意義），而不是它長的什么樣子。當我們提到“語義標記”的時辰，我們所說的HTML應該是完全脫離浮現信息的，其中的標簽應該都是語義化地定義了文檔的機關。

語義化的HTML機關著實很簡略，首先駕馭html中各個標簽的語義，<div>是一個容器；<strong>是流露表現夸大；<ul><li>是一個無序列表等等…在看到內容的時辰想想用什么標簽能更好的形貌它，是什么就用什么標簽。

語義化的HTML機關到底有什么所長？

我們知道HTML5新增的標簽，比如<header>和<footer>，html正在朝著越發壯實的語義化的HTML機關成長，xhtml2在這點上沒html5前輩，這也是xhtml2殞命的一個緣故起因，這一點也說了然語義化的HTML機關是html的成長趨勢。

1.去掉落或樣式丟掉的時辰能讓頁面泛起清楚的機關：

html自己是沒有浮現的，我們看到比方<h1>是粗體，字體大小2em，加粗；<strong>是加粗的，不要以為這是html的浮現，這些著實html默認的css樣式在起浸染，以是去掉落或樣式丟掉的時辰能讓頁面泛起清楚的機關不是語義化的HTML機關的所長，然則訪謁器都有有默認樣式，默認樣式的目的也是為了更好的表達html的語義，可以說訪謁器的默認樣式和語義化的HTML機關是不成豆割的。

2.屏幕閱讀器（若是訪客有視障）會完全根據你的標記來“讀”你的網頁.

比方,若是你哄騙的含語義的標記,屏幕閱讀器就會“逐個拼出”你的單詞,而不是試著去對它完備發音.

3.PDA、手機等設置裝備擺設梗概無法像平常電腦的訪謁器一樣來襯著網頁（往往是由于這些設置裝備擺設對CSS的撐持較弱）.

哄騙語義標記可以確保這些設置裝備擺設以一種存心義的要領來襯著網頁.理想情況下,寓目設置裝備擺設的任務是相符設置裝備擺設自己的前提來襯著網頁.

語義標記為設置裝備擺設提供了所需的干系信息,就省去了你自己去思量全數梗概的表現情況（包孕現有的大概將來新的設置裝備擺設）.比方,一部手機可以選擇使一段標記了標題問題的筆墨以粗體表現.而掌上電腦梗概會以角力計較大的字體來表現.無論哪種要領一旦你對文本標記為標題問題,您就可以確信讀取設置裝備擺設將根據其自身的前提來符合地表現頁面.

4.搜索引擎的爬蟲也依賴于標記來確定上下文和各個環節字的權重.

已往你梗概還沒有思量搜索引擎的爬蟲也是網站的“訪客”,但現在它們他們實際上是極其寶貴的用戶.沒有他們的話,搜索引擎將無法索引你的網站,然后一樣平時用戶將很憂傷來訪謁.

5.你的頁面是否對爬蟲隨意馬虎清楚極端垂危,由于爬蟲很大程度上會紕漏用于浮現的標記,而只垂青語義標記.

是以,若是頁面文件的標題問題被標記,而不是,那么這個頁面在搜索結果的位置梗概會角力計較靠后.除了汲引易用性外,語義標記有利于準確哄騙CSS和javascript,由于其自己提供了很多“鉤鉤”來應用頁面的樣式與舉動.

SEO垂危還是靠你網站的內容和外部鏈接的。

6.便于團隊啟迪和維護

W3C給我們定了一個很好的標準，在團隊中大家都遵照這個標準，可以削減很多差異化的器材，利便啟迪和維護，進步啟迪屈從，乃至 實現模塊化啟迪。