理解html語義化標籤

1、del和ins標籤

相容性：瀏覽器全部支援

del：定義文檔中已刪除的文字。

ins：定義已經插入文件中的文字。

nbsp;html><meta><title>html标签使用</title><style>* {padding: 0;margin: 0;}</style><del>原价：299元</del><ins>特价：188元</ins>

效果：

 

對HTML5語意化標籤解釋

定義主要內容

# #

頁眉，可能包含標題元素，也可以包含其他元素，像是logo、分段頭部、搜尋表單等

 

    

頁首標題

    

頁眉副標題

#    

頁眉>/h11>

h1

   

定義主體模組或導覽連結的集合

  

    
• Home a>
    
• About
 href="#">Contact
  

   

##

   

是一個特殊的section標籤，它比section具有更明確的語義，它代表一個獨立的、完整的相關內容區塊，可獨立於頁面其它內容使用。例如一篇完整的論壇帖子，一篇部落格文章，一個用戶評論等等。一般來說，article會有標題部分（通常包含在header內），有時也會包含footer。 article可以嵌套，內層的article對外層的article標籤有隸屬關係。例如，一篇部落格的文章，可以用article顯示，然後一些評論可以以article的形式嵌入其中。

   

       < >是一篇介紹HTML 5結構標籤的文章

             

HTML 5的新革新

      2011.03.20

   

lt 

lt  ;

   

與一個和其餘頁面內容幾乎無關的部分，被認為是獨立於該內容的一部分並且可以被單獨的拆分出來而不會使整體受影響。其通常表現為側邊欄或嵌入內容。

    

      /h4>

        

          
• WordPlt;li>WordP)/> ##          
• Design (23)
# ##  (18)
        

######    

>#######<#    >#######<#/aside> ##   ############

表示文件中的一個區域（或節），例如，內容中的一個專題組，一般來說會有包含一個標題（heading）。 ######一般透過是否包含一個標題 (

-

 element) 作為子節點來辨識每一個

#############

這裡是section標題...

######  

這裡是section標題對於內內容...

> ;######

######   ############

元素代表一段獨立的內容.用於對元素進行組合。多用於圖片與圖片描述組合。   #############

###

  

##

 

#

   picture">   

   

figure圖片描述

)>

cigcaption>

1描述>/figcaption>

##

段落.....

   

定義了整個頁面或其中一部分的頁腳（並且通常包含原始作者，版權信息，聯繫方式和站點地圖,文檔相關的鏈接等信息）

  原始作者;版權資訊;聯絡方式;文件相關連結等...

#

   

#

標籤用於對網頁或區段（section）的標題進行組合。

#

  

Main title

  

Secondary title

   

#

以上是理解html語義化標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！