資訊專欄INFORMATION COLUMN
摘要：什么是語義化基本上都是圍繞著幾個主要的標(biāo)簽，像標(biāo)題列表強(qiáng)調(diào)等等根據(jù)內(nèi)容的結(jié)構(gòu)化內(nèi)容語義化，選擇合適的標(biāo)簽代碼語義化便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機(jī)器很好地解析。參考資料理解語義化的革新語義化標(biāo)簽一
什么是HTML語義化？
<基本上都是圍繞著幾個主要的標(biāo)簽，像標(biāo)題（H1~H6）、列表（li）、強(qiáng)調(diào)（strong em）等等>
根據(jù)內(nèi)容的結(jié)構(gòu)化（內(nèi)容語義化），選擇合適的標(biāo)簽（代碼語義化）便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時讓瀏覽器的爬蟲和機(jī)器很好地解析。
為什么要語義化？為了在沒有CSS的情況下，頁面也能呈現(xiàn)出很好地內(nèi)容結(jié)構(gòu)、代碼結(jié)構(gòu):為了裸奔時好看；
用戶體驗：例如title、alt用于解釋名詞或解釋圖片信息、label標(biāo)簽的活用；
有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個關(guān)鍵字的權(quán)重；
方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動設(shè)備）以意義的方式來渲染網(wǎng)頁；
便于團(tuán)隊開發(fā)和維護(hù)，語義化更具可讀性，是下一步吧網(wǎng)頁的重要動向，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊都遵循這個標(biāo)準(zhǔn)，可以減少差異化。
盡可能少的使用無語義的標(biāo)簽div和span；
在語義不明顯時，既可以使用div或者p時，盡量用p, 因為p在默認(rèn)情況下有上下間距，對兼容特殊終端有利；
不要使用純樣式標(biāo)簽，如：b、font、u等，改用css設(shè)置。
需要強(qiáng)調(diào)的文本，可以包含在strong或者em標(biāo)簽中（瀏覽器預(yù)設(shè)樣式，能用CSS指定就不用他們），strong默認(rèn)樣式是加粗（不要用b），em是斜體（不用i）；
使用表格時，標(biāo)題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區(qū)分開，表頭用th，單元格用td；
表單域要用fieldset標(biāo)簽包起來，并用legend標(biāo)簽說明表單的用途；
每個input標(biāo)簽對應(yīng)的說明文本都需要使用label標(biāo)簽，并且通過為input設(shè)置id屬性，在lable標(biāo)簽中設(shè)置for=someld來讓說明文本和相對應(yīng)的input關(guān)聯(lián)起來。
簡述一下你對HTML語義化的理解？
用正確的標(biāo)簽做正確的事情。
html語義化讓頁面的內(nèi)容結(jié)構(gòu)化，結(jié)構(gòu)更清晰，便于對瀏覽器、搜索引擎解析;
即使在沒有樣式CSS情況下也以一種文檔格式顯示，并且是容易閱讀的;
搜索引擎的爬蟲也依賴于HTML標(biāo)記來確定上下文和各個關(guān)鍵字的權(quán)重，利于SEO;
使閱讀源代碼的人對網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。
列舉出幾個重要的關(guān)鍵詞。
網(wǎng)頁內(nèi)容的高度概括。
每個頁面只能出現(xiàn)一次H1標(biāo)簽，H2標(biāo)簽可以多次：H1權(quán)重很高，普遍認(rèn)為僅次于title，一般資訊詳情頁的標(biāo)題、商品詳情頁的標(biāo)題，都放在H1里。
圖片一定要添加alt屬性，title屬性可選：搜索引擎不認(rèn)識圖片上的內(nèi)容，只能通過alt屬性來判斷，如果是商品列表頁，所有商品都加了alt和title的話，容易造成堆砌關(guān)鍵詞，所以我一般是只加alt屬性。
每個頁面的title不同
換行標(biāo)簽只用來在文本間進(jìn)行換行，標(biāo)簽間的換行通過margin等等?；蛘?/p>
搜索引擎抓取seo內(nèi)容是從上到下，重要內(nèi)容html代碼放在最前面
搜索引擎看不懂js， 重要內(nèi)容不要用js輸出 盡量少使用iframe框架 謹(jǐn)慎使用display：none，搜索引擎會過濾掉這里面的內(nèi)容
不斷精簡代碼
html5新增的語義化標(biāo)簽
HTML5節(jié)元素標(biāo)簽包括body article nav aside section header footer hgroup ，還有h1-h6 address。
address代表區(qū)塊容器，必須是作為聯(lián)系信息出現(xiàn)，郵編地址、郵件地址等等,一般出現(xiàn)在footer。
h1-h6因為hgroup，section和article的出現(xiàn)，h1-h6定義也發(fā)生了變化，允許一張頁面出現(xiàn)多個h1。
理解HTML語義化
HTML 5的革新——語義化標(biāo)簽(一)
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/49914.html
摘要：語義化和的重要性約定，對所列出來的標(biāo)簽進(jìn)行解析。比如，會根據(jù)某些特定的指令，直接給出針對性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。 HTM...
摘要：語義化和的重要性約定，對所列出來的標(biāo)簽進(jìn)行解析。比如，會根據(jù)某些特定的指令，直接給出針對性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。 HTM...
摘要：語義化和的重要性約定，對所列出來的標(biāo)簽進(jìn)行解析。比如，會根據(jù)某些特定的指令，直接給出針對性的結(jié)果，現(xiàn)在在搜索引擎可以直接查天氣，查航班。我覺得這就是語義化標(biāo)簽出現(xiàn)的意義吧。 基本概念 SEO：(Search Engine Optimization)意為搜索引擎優(yōu)化。搜索引擎優(yōu)化是一種利用搜索引擎的搜索規(guī)則來提高目的網(wǎng)站的自然排名的方式。說白了就是對品牌的自我宣傳，從而獲取收益。 HTM...
摘要：語義化的頁面一方面可以讓機(jī)器在更少的人類干預(yù)情況下收集并研究網(wǎng)頁的信息，從而可以讀懂網(wǎng)頁的內(nèi)容，然后將收集匯總的信息進(jìn)行分析，結(jié)果為人類所用另一方面它可以讓開發(fā)人員讀懂結(jié)構(gòu)和用戶以及屏幕閱讀器如果訪客有視障能夠讀懂內(nèi)容。 我眼中的Web 語義化 web語義化是什么？ Web語義化，使用語義恰當(dāng)?shù)臉?biāo)簽，可以讓頁面具有良好的結(jié)構(gòu)，頁面元素具有良好的含義，從而讓人和機(jī)器都能快速理解。語義化的...
閱讀 3057·2021-10-13 09:39
閱讀 2720·2021-09-27 13:34
閱讀 2086·2019-08-30 15:55
閱讀 3281·2019-08-30 15:43
閱讀 3675·2019-08-30 11:16
閱讀 1787·2019-08-26 18:28
閱讀 1327·2019-08-26 13:56
閱讀 948·2019-08-26 13:35
