成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

前端面試題-HTML結(jié)構(gòu)語(yǔ)義化

booster / 2917人閱讀

摘要:一語(yǔ)義化的背景結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了結(jié)構(gòu)語(yǔ)義化的概念,并且在添加了很多語(yǔ)義化標(biāo)簽。

一、HTML語(yǔ)義化的背景

HTML結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的 HTML 結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是 DIV+CSS,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了 HTML結(jié)構(gòu)語(yǔ)義化的概念,并且在 HTML5 添加了很多語(yǔ)義化標(biāo)簽。

二、HTML語(yǔ)義化的概念

語(yǔ)義化是指根據(jù)內(nèi)容的結(jié)構(gòu),選擇合適的標(biāo)簽,便于開(kāi)發(fā)者閱讀和寫(xiě)出更優(yōu)雅的代碼的同時(shí),讓瀏覽器的爬蟲(chóng)和機(jī)器很好的解析。

三、HTML語(yǔ)義化的必要

隨著互聯(lián)網(wǎng)的發(fā)展,WEB承載越來(lái)越多的信息(圖片,音頻,視頻等),人們開(kāi)始用機(jī)器來(lái)處理網(wǎng)絡(luò)信息,就此誕生了搜索引擎。如次龐大及復(fù)雜的信息如何讓搜索引擎處理和挖掘,所以讓機(jī)器能夠更好地讀懂WEB上內(nèi)容就變得越來(lái)越重要。

傳統(tǒng)的Web由文檔組成,W3C希望通過(guò)一組技術(shù)支撐 “數(shù)據(jù)的Web”,即 Web of Data,將Web看作一個(gè)存儲(chǔ)和管理數(shù)據(jù)的大型分布式數(shù)據(jù)庫(kù)。語(yǔ)義Web是構(gòu)造這樣的數(shù)據(jù)Web的重要一環(huán),幫助人們創(chuàng)建數(shù)據(jù)并存儲(chǔ)在Web上,創(chuàng)建相關(guān)的詞匯表及數(shù)據(jù)的處理規(guī)則。
四、HTML語(yǔ)義化的作用 4.1 頁(yè)面結(jié)構(gòu)清晰

去掉或 CSS 樣式丟失的時(shí)候,也能讓頁(yè)面呈現(xiàn)清晰的結(jié)構(gòu),增強(qiáng)頁(yè)面的可讀性。

4.2 支持更多設(shè)備

方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備)以有意義的方式來(lái)渲染網(wǎng)頁(yè)。

4.3 利于SEO優(yōu)化

和搜索引擎建立良好溝通,有助于爬蟲(chóng)抓取更多的有效信息,搜索引擎的爬蟲(chóng)也依賴(lài)于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重。

4.4 便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)

在團(tuán)隊(duì)中大家都遵循W3C標(biāo)準(zhǔn),可以減少很多差異化的東西,方便開(kāi)發(fā)和維護(hù),提高開(kāi)發(fā)效率,甚至實(shí)現(xiàn)模塊化開(kāi)發(fā)。

五、HTML語(yǔ)義化的方法

(1)根據(jù)文檔上下文結(jié)構(gòu)合理的選用最適合表達(dá)當(dāng)前語(yǔ)義的標(biāo)簽;

(2)盡可少使用無(wú)語(yǔ)義的標(biāo)簽

;

(3)不要使用帶有樣式的標(biāo)簽,比如: 、 、 等,使用 CSS 設(shè)置;

(4)標(biāo)題標(biāo)簽的使用應(yīng)該根據(jù)重要性逐級(jí)遞減,沒(méi)有斷層,并且一個(gè)頁(yè)面只能有一個(gè)

;

(5)提高關(guān)鍵詞密度,如圖像的替代文本 alt,提示文本 title;

(6)正確使用內(nèi)容容器,比如段落

,列表

    ,
      ,
    1. ,
      ,
      ,
      ;

      (7)需要強(qiáng)調(diào)的文本,可以使用 標(biāo)簽(瀏覽器默認(rèn)樣式,能用 CSS 設(shè)置就不用), 默認(rèn)樣式是加粗(不用 ), 是斜體(不用 );

      (8)表格注意使用,標(biāo)題 ,表頭 ,表格主體(正文),表注(頁(yè)腳)。 定義表格行, 定義表頭, 定義表格單元。

      (9)表單域使用

      標(biāo)簽,并且 標(biāo)簽為
      定義標(biāo)題;

      (10)每個(gè) 標(biāo)簽對(duì)應(yīng)的說(shuō)明文本都需要使用

      閱讀更多

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/52042.html

相關(guān)文章

  • 前端面試-HTML結(jié)構(gòu)語(yǔ)義

    摘要:一語(yǔ)義化的背景結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了結(jié)構(gòu)語(yǔ)義化的概念,并且在添加了很多語(yǔ)義化標(biāo)簽。 一、HTML語(yǔ)義化的背景 HTML結(jié)構(gòu)語(yǔ)義化,是近幾年才提出來(lái)的,對(duì)比之前的 HTML 結(jié)構(gòu),大多是一堆沒(méi)有語(yǔ)義的標(biāo)簽。用的最多的就是 DIV+CSS,為了改變這種現(xiàn)狀,開(kāi)發(fā)者們和官方提出了 HTM...

    chuyao 評(píng)論0 收藏0
  • Web前端經(jīng)典面試(一)

    摘要:本篇收錄了一些面試中經(jīng)常會(huì)遇到的經(jīng)典面試題,并且都給出了我在網(wǎng)上收集的答案。網(wǎng)頁(yè)的行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)這一問(wèn)題。 本篇收錄了一些面試中經(jīng)常會(huì)遇到的經(jīng)典面試題,并且都給出了我在網(wǎng)上收集的答案。眼看新的一年馬上就要開(kāi)始了,相信很多的前端開(kāi)發(fā)者會(huì)有一些跳槽的悸動(dòng),通過(guò)對(duì)本篇知識(shí)的整理以及經(jīng)驗(yàn)的總結(jié),希望能幫到更多的前端面試者。(如有錯(cuò)誤或更好的答案,歡迎指正,水平有限,望...

    princekin 評(píng)論0 收藏0
  • Web前端經(jīng)典面試(一)

    摘要:本篇收錄了一些面試中經(jīng)常會(huì)遇到的經(jīng)典面試題,并且都給出了我在網(wǎng)上收集的答案。網(wǎng)頁(yè)的行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)這一問(wèn)題。 本篇收錄了一些面試中經(jīng)常會(huì)遇到的經(jīng)典面試題,并且都給出了我在網(wǎng)上收集的答案。眼看新的一年馬上就要開(kāi)始了,相信很多的前端開(kāi)發(fā)者會(huì)有一些跳槽的悸動(dòng),通過(guò)對(duì)本篇知識(shí)的整理以及經(jīng)驗(yàn)的總結(jié),希望能幫到更多的前端面試者。(如有錯(cuò)誤或更好的答案,歡迎指正,水平有限,望...

    Batkid 評(píng)論0 收藏0
  • Web前端經(jīng)典面試(一)

    摘要:本篇收錄了一些面試中經(jīng)常會(huì)遇到的經(jīng)典面試題,并且都給出了我在網(wǎng)上收集的答案。網(wǎng)頁(yè)的行為層負(fù)責(zé)回答內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)這一問(wèn)題。 本篇收錄了一些面試中經(jīng)常會(huì)遇到的經(jīng)典面試題,并且都給出了我在網(wǎng)上收集的答案。眼看新的一年馬上就要開(kāi)始了,相信很多的前端開(kāi)發(fā)者會(huì)有一些跳槽的悸動(dòng),通過(guò)對(duì)本篇知識(shí)的整理以及經(jīng)驗(yàn)的總結(jié),希望能幫到更多的前端面試者。(如有錯(cuò)誤或更好的答案,歡迎指正,水平有限,望...

    chanthuang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<