<track id="ttlv7"></track>

<pre id="ttlv7"></pre>

      <dl id="ttlv7"></dl>

        <track id="ttlv7"></track>
        <del id="ttlv7"></del>
          <mark id="ttlv7"><ruby id="ttlv7"></ruby></mark>

              <b id="ttlv7"><span id="ttlv7"></span></b>

                <big id="ttlv7"><th id="ttlv7"><dfn id="ttlv7"></dfn></th></big>

                教育行業A股IPO第一股(股票代碼 003032)

                全國咨詢/投訴熱線:400-618-4000

                如何理解語義化標簽?常用語義化標簽有哪些?

                更新時間:2021年09月24日15時14分 來源:傳智教育 瀏覽次數:

                好口碑IT培訓

                如何理解語義化標簽?

                我們平時使用DIV+CSS的布局,但是通過DIV+CSS布局的頁面HTML文檔不夠清晰,不利于瀏覽器對頁面的讀取。語義化標簽的主要目的就是發揮標簽和屬性的用途及作用,通過標簽本身的意義合作來優化HTML文檔結構。


                語義化標簽有什么優勢?

                1、 方便頁面布局

                如果我們用div來實現此圖的布局,那么就要涉及到加類名或者選擇符的問題,還有起名字,很多時候就會弄混。直接用語義化標簽就會標記出每個區域的作用并且更好是實現頁面布局。

                語義化標簽

                2、 便于特殊化設備讀取

                語義化標簽的實現有利于一些特殊設備的解析,比如盲人閱讀器會完全根據你的標簽來“讀”你的網頁。

                3、 利于SEO優化

                語義化標簽能和搜索引擎建立良好溝通,通過標簽本身的含義(例如:h1是標題,p是段落,strong是強調)來理解頁面內容是搜索引擎分析和理解頁面的重要方式之一,使用語義化標簽有助于提高頁面關鍵詞排名,減少SEO優化難度。

                4、 便于團隊開發和維護

                語義化更具可讀性,是下一步網頁開發的重要動向,如果遵循W3C標準的團隊都遵循這個標準,可以減少差異化。


                常見的語義化標簽


                header標簽

                HTML5中的header元素是一種具有引導和導航作用的結構元素,該元素可以包含所有通常放在頁面頭部的內容。header元素通常用來放置整個頁面或頁面內的一個內容區塊的標題,也可以包含網站Logo圖片、搜索表單或者其他相關內容。


                nav標簽

                nav元素用于定義導航鏈接,是HTML5新增的元素,該元素可以將具有導航性質的鏈接歸納在一個區域中,使頁面元素的語義更加明確。其中的導航元素可以鏈接到站點的其他頁面,或者當前頁的其他部分。


                article標簽

                article元素代表文檔、頁面或者應用程序中與上下文不相關的獨立部分,該元素經常被用于定義一篇日志、一條新聞或用戶評論等。article元素通常使用多個section元素進行劃分,一個頁面中article元素可以出現多次。


                aside標簽

                aside元素用來定義當前頁面或者文章的附屬信息部分,它可以包含與當前頁面或主要內容相關的引用、側邊欄、廣告、導航條等其他類似的有別于主要內容的部分。

                aside元素的用法主要分為兩種。

                ● 被包含在article元素內作為主要內容的附屬信息。

                ● 在article元素之外使用,作為頁面或站點全局的附屬信息部分。最常用的使用形式是側邊欄,其中的內容可以是友情鏈接、廣告單元等。


                section標簽

                section元素用于對網站或應用程序中頁面上的內容進行分塊,一個section元素通常由內容和標題組成。在使用section元素時,需要注意以下3點。

                ● 不要將section元素用作設置樣式的頁面容器,那是div的特性。section元素并非一個普通的容器元素,當一個容器需要被直接定義樣式或通過腳本定義行為時,推薦使用div。

                ● 如果article元素、aside元素或nav元素更符合使用條件,那么不要使用section元素。

                ● 沒有標題的內容區塊不要使用section元素定義。


                footer標簽

                footer元素用于定義一個頁面或者區域的底部,它可以包含所有通常放在頁面底部的內容。在HTML5出現之前,一般使用

                標記來定義頁面底部,而通過HTML5的footer元素可以輕松實現。

                與header元素相同,一個頁面中可以包含多個footer元素。同時,也可以在article元素或者section元素中添加footer元素。



                猜你喜歡:

                怎么用css3畫三角形?css繪制三角形圖文教程

                CSS3 box-shadow的用法|box-shadow屬性詳解

                JavaScript動畫和CSS3動畫有什么區別?

                CSS3如何設置顏色不透明度?

                傳智教育HTML&JS+前端高手班

                0 分享到:
                久久婷婷五月综合色啪,好好热精品视频6,天天玩,天天鲁,天天曰,,超频99免费观看视频,一道精品视频一区二区三区,成av人电影在线观看,欧美成 人 在线播放