1、“語義化”指的是機器在需要更少的人類干預的情況下能夠研究和收集信息，讓網(wǎng)頁能夠被機器理解，最終讓人類受益。2、語義化的主要目的就是讓大家直觀的認識標簽(markup)和屬性(attribute)的用途和作用3、根據(jù)內容的結構化（內容語義化），選擇合適的標簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機器很好地解析。就是每一句話有具體含義“語義化”指的是機器在需要更少的人類干預的情況下能夠研究和收集信息，讓網(wǎng)頁能夠被機器理解，最終讓人類受益。 html 標簽語義化是讓大家直觀的認識標簽(markup)和屬性(attribute)的用途和作用，很明顯hx系列看起來很像標題，因為擁有粗體和較大的字號。,用來區(qū)別于其他文字，起到了強調的作用。 語義化的網(wǎng)頁的好處，最主要的就是對搜索引擎友好，有了良好的結構和語義你的網(wǎng)頁內容自然容易被搜索引擎抓取，你網(wǎng)站的推廣便可以省下不少的功夫。 語義 web 技術有助于利用基于開放標準的技術，從數(shù)據(jù)、文檔內容或應用代碼中分離出意義。
4，什么是HTML語義化
作為一個前端開發(fā)人員，你要是沒有聽說過 CSS，那你肯定是一個 “out-man” 。隨著 CSS 的深入人心，結構、表現(xiàn)與行為的逐漸分離，HTML 語義化成了炙手可熱的賣點。 語義化的 HTML 首先要強調 HTML 結構一個網(wǎng)頁就好像一幢房子，HTML作為一個前端開發(fā)人員，你要是沒有聽說過 css，那你肯定是一個 “out-man” 。隨著 css 的深入人心，結構、表現(xiàn)與行為的逐漸分離，html 語義化成了炙手可熱的賣點。 語義化的 html 首先要強調 html 結構一個網(wǎng)頁就好像一幢房子，html 結構就是鋼筋混泥土的墻，一幢房子如果沒有鋼筋混泥土的墻那就是一堆廢磚頭，也就稱不上是房子了。css 是裝飾材料，是油漆，是用來裝飾房子的。css 如果沒有 html 結構那也就什么都不是了，沒有了實際使用價值。css 完全依靠引用它的 (x)html 文檔。如果你想使 css 的能力發(fā)揮到極致，提供一個既干凈又有結構的 html 是非常必要的。 其實html 中的標簽都有他自身的含義，只是常常被忽視——就像表格一直充當著網(wǎng)頁布局的角色。還好隨著 css 的重現(xiàn)江湖，表格也終于回到他的本質工作——列表數(shù)據(jù)。它會告訴我們說：“這行是一個標題；這幾行組成了一個段落；這些文字是項目列表……”在做前端開發(fā)的時候要記?。篽tml 告訴我們一塊內容是什么（或其意義），而不是它長的什么樣子。寫語義化的 html 結構其實很簡單，首先掌握 html 中各個標簽的語義，在看到內容的時候想想用什么標簽能更好的描述它，是什么就用什么標簽。、 、 、 、 、 作為標題使用，并且依據(jù)重要性遞減， 是最高的等級。 段落標記，知道了 作為段落，你就不會再使用 來換行了，而且不需要 來區(qū)分段落與段落。 中的文字會自動換行，而且換行的效果優(yōu)于 。段落與段落之間的空隙也可以利用 css 來控制，很容易而且清晰的區(qū)分出段落與段落。 、、1. 無序列表，這個被大家廣泛的使用， 有序列表也挺常用。在 web 標準化過程中， 還被更多的用于導航條，本來導航條就是個列表，這樣做是完全正確的，而且當你的瀏覽器不支持 css 的時候，導航鏈接仍然很好使，只是美觀方面差了一點而已。 、 、 就是“定義列表”。比如說詞典里面的詞的解釋、定義就可以用這種列表。、 是用作強調， 是用作重點強調。 、 知道 ，就不要再用 做刪除線了，用 顯然更具有語義化。而且 還帶有 和 來表明刪除的原因以及刪除的時間。 是表示插入，也有這樣的屬性。、 標簽是表示 web 頁面上的簡稱， 標簽為取首字母縮寫。alt 屬性和 title 屬性title 屬性用來為元素提供額外說明信息，但是并不是必須的。alt 屬性為不能顯示圖像、窗體或 applets 的用戶代理（ua），指定替換文字。替換文字的語言由 lang 屬性指定。讓你語義化 html 結構的無數(shù)條理由：1、去掉或樣式丟失的時候能讓頁面呈現(xiàn)清晰的結構。html 本身是沒有表現(xiàn)的，我們看到例如 是粗體，字體大小 2em； 是加粗的， 不要誤會這是html的表現(xiàn)，這些其實是 html 默認的 css 樣式在起作用。所以去掉或樣式丟失的時候,也能讓頁面呈現(xiàn)清晰的結構，增強頁面的可讀性。 2、屏幕閱讀器（如果訪客有視障）會完全根據(jù)你的標記來“讀”你的網(wǎng)頁。如果你使用的含語義的標記，屏幕閱讀器會根據(jù)你的標簽來判斷網(wǎng)頁的內容，而不是一個字母一個字母的拼寫出來。 3、pda、手機等設備可能無法像普通電腦的瀏覽器一樣來渲染網(wǎng)頁（因為這些設備對 css 的支持較弱）使用語義標記可以確保這些設備以一種有意義的方式來渲染網(wǎng)頁。理想情況下，觀看設備的任務是符合設備本身的條件來渲染網(wǎng)頁。 4、搜索引擎的爬蟲也依賴于標記來確定上下文和各個關鍵字的權重。搜索引擎的爬蟲也是網(wǎng)站的“訪客”，現(xiàn)在它們是極其寶貴的用戶。沒有他們的話，搜索引擎將無法索引你的網(wǎng)站，然后一般用戶將很難過來訪問。 5、便于團隊開發(fā)和維護在團隊中大家都遵循同一個標準，可以減少很多差異化的東西，方便開發(fā)和維護，提高開發(fā)效率，甚至實現(xiàn)模塊化開發(fā)。 、 、 、 、 summary(x)html中的表格不再是用來布局。如果是為了標記列表的數(shù)據(jù)，就應該使用表格了。 為表格標題，屬性 summar 為摘要（要想提高搜索的排名這個絕對不應該少）， 標簽為首部說明， 標簽為表格頭部， 標簽為表格主體內容， 標簽為表格尾部。
重慶分公司
重慶分公司
