html5結構性元素簡單介紹

2022-07-08 02:09:12 字數 623 閱讀 3695

一、結構性元素主要負責web上下文結構的定義

1、:區段 類似於段落;在 web 頁面應用中,該元素也可以用於區域的章節描述。

2、:頁面主體上的頭部, header 元素往往在一對 body 元素中。

二、article與section的區別:

1、section和article可以互相巢狀,它們沒有上下級關係,section可以包含article,article也可以包含section;

2、article是文章,文章就是一段完整的獨立的內容;

3、section就是塊,某種意義上可以理解為div,但是比div的意思更加明確一點。

三、section與div的區別:

1、section和div都可以對內容進行分塊,但是section是進行有意義的分塊,無意義的分塊應該由div來做,例如用作設定樣式的頁面容器。

2、section內部必須有標題,標題也代表了section的意義所在。

四、使用標籤需注意:

1、不要將當成亂用。

2、如果、或更符合狀況,不要使用。

3、盡量不要為沒有標題的內容區塊使用

HTML5結構元素

幾年前,用於網頁布局一般都用div元素,但語義化並不好。html5引入了大量新的塊級元素來幫助提公升網頁的語義,使頁面具有邏輯性結構 容易維護,並且對資料探勘服務更友好。本文將詳細介紹html5結構元素 結構元素,又稱為區塊型元素,是用來定義區塊內容範圍的元素。之前,區塊型元素只有 乙個,html5...

HTML 5中的結構元素

1 header 標記頭部區域的內容 2 footer 標記頁尾區域的內容 3 section web頁面中的一塊區域 4 article 獨立的文章內容區域 5 aside 相關側邊內容或者引文區域 6 n 導航類內容區域 另外分享乙個 用於輸出。自麥子學院 其中把utf 8改為gdk artic...

HTML5(七) HTML5 表單元素

align center b size large html5 表單元素 size b align html5 的新的表單元素 html5 擁有若干涉及表單的元素和屬性。本章介紹以下新的表單元素 list datalist keygen output list b size medium 瀏覽器支援...