国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端面試題-HTML結構語義化

booster / 2912人閱讀

摘要:一語義化的背景結構語義化,是近幾年才提出來的,對比之前的結構,大多是一堆沒有語義的標簽。用的最多的就是,為了改變這種現狀,開發者們和官方提出了結構語義化的概念,并且在添加了很多語義化標簽。

一、HTML語義化的背景

HTML結構語義化,是近幾年才提出來的,對比之前的 HTML 結構,大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS,為了改變這種現狀,開發者們和官方提出了 HTML結構語義化的概念,并且在 HTML5 添加了很多語義化標簽。

二、HTML語義化的概念

語義化是指根據內容的結構,選擇合適的標簽,便于開發者閱讀和寫出更優雅的代碼的同時,讓瀏覽器的爬蟲和機器很好的解析。

三、HTML語義化的必要

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

傳統的Web由文檔組成,W3C希望通過一組技術支撐 “數據的Web”,即 Web of Data,將Web看作一個存儲和管理數據的大型分布式數據庫。語義Web是構造這樣的數據Web的重要一環,幫助人們創建數據并存儲在Web上,創建相關的詞匯表及數據的處理規則。
四、HTML語義化的作用 4.1 頁面結構清晰

去掉或 CSS 樣式丟失的時候,也能讓頁面呈現清晰的結構,增強頁面的可讀性。

4.2 支持更多設備

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

4.3 利于SEO優化

和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息,搜索引擎的爬蟲也依賴于標記來確定上下文和各個關鍵字的權重。

4.4 便于團隊開發和維護

在團隊中大家都遵循W3C標準,可以減少很多差異化的東西,方便開發和維護,提高開發效率,甚至實現模塊化開發。

五、HTML語義化的方法

(1)根據文檔上下文結構合理的選用最適合表達當前語義的標簽;

(2)盡可少使用無語義的標簽

(3)不要使用帶有樣式的標簽,比如: 等,使用 CSS 設置;

(4)標題標簽的使用應該根據重要性逐級遞減,沒有斷層,并且一個頁面只能有一個

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

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

,列表

    ,
      ,
    1. ,
      ,
      ,
      ;

      (7)需要強調的文本,可以使用 標簽(瀏覽器默認樣式,能用 CSS 設置就不用), 默認樣式是加粗(不用 ), 是斜體(不用 );

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

      (9)表單域使用

      標簽,并且 標簽為
      定義標題;

      (10)每個 標簽對應的說明文本都需要使用

      閱讀更多

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52042.html

相關文章

  • 前端面試-HTML結構語義

    摘要:一語義化的背景結構語義化,是近幾年才提出來的,對比之前的結構,大多是一堆沒有語義的標簽。用的最多的就是,為了改變這種現狀,開發者們和官方提出了結構語義化的概念,并且在添加了很多語義化標簽。 一、HTML語義化的背景 HTML結構語義化,是近幾年才提出來的,對比之前的 HTML 結構,大多是一堆沒有語義的標簽。用的最多的就是 DIV+CSS,為了改變這種現狀,開發者們和官方提出了 HTM...

    chuyao 評論0 收藏0
  • Web前端經典面試(一)

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

    princekin 評論0 收藏0
  • Web前端經典面試(一)

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

    Batkid 評論0 收藏0
  • Web前端經典面試(一)

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

    chanthuang 評論0 收藏0

發表評論

0條評論

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