亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

chuyao / 729人閱讀

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

一、HTML語義化的背景

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

二、HTML語義化的概念

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

三、HTML語義化的必要

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

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

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

4.2 支持更多設(shè)備

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

4.3 利于SEO優(yōu)化

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

4.4 便于團隊開發(fā)和維護

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

五、HTML語義化的方法

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

（2）盡可少使用無語義的標(biāo)簽

和 ；

（3）不要使用帶有樣式的標(biāo)簽，比如： 、 、 等，使用 CSS 設(shè)置；

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

；

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

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

，列表

    ,
      ,
    1. ,
      ,
      ,
      ;

      （7）需要強調(diào)的文本，可以使用 或 標(biāo)簽（瀏覽器默認樣式，能用 CSS 設(shè)置就不用）， 默認樣式是加粗（不用 ）， 是斜體（不用 ）；

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

      （9）表單域使用

      標(biāo)簽，并且 標(biāo)簽為
      定義標(biāo)題；

      （10）每個 標(biāo)簽對應(yīng)的說明文本都需要使用

      閱讀更多

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/115862.html

相關(guān)文章

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

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

    booster 評論0 收藏0

  • Web前端經(jīng)典面試試題（一）

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

    princekin 評論0 收藏0

  • Web前端經(jīng)典面試試題（一）

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

    Batkid 評論0 收藏0

  • Web前端經(jīng)典面試試題（一）

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

    chanthuang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<