HTML 5中的結構元素

2022-09-16 05:54:09 字數 2663 閱讀 7909

1、

header

:標記頭部區域的內容

2、footer

:標記頁尾區域的內容

3、section

:web頁面中的一塊區域

4、article

:獨立的文章內容區域

5、aside

:相關側邊內容或者引文區域

6、n**

:導航類內容區域

另外分享乙個**,用於輸出。

**自麥子學院)

其中把utf-8改為gdk

articledemo:

1

doctype html

>

2<

html

>

3<

head

lang

="en"

>

4<

meta

charset

="utf-8"

>

5<

title

>

title

>

6head

>

7<

body

>

8<

section

>

9<

h1>字母內容

h1>

10<

p>其中全部內容

p>

11<

section

>

12<

h2>a的內容

h2>

13<

p>aa

p>

14section

>

15<

section

>

16<

h2>b的內容

h2>

17<

p>bb

p>

18section

>

19section

>

20<

section

>

21<

h1>數字內容

h1>

22<

p>其中內容

p>

23<

section

>

24<

h2>1的內容

h2>

25<

p>一

p>

26section

>

27<

section

>

28<

h2>2的內容

h2>

29<

p>二

p>

30section

>

31section

>

32body

>

33html

>

sectiondemo:

1

doctype html

>

2<

html

>

3<

head

lang

="en"

>

4<

meta

charset

="utf-8"

>

5<

title

>

title

>

6head

>

7<

body

>

8<

n**>910

<

ul>

11<

li>

12<

a href

="n**demo01.html"

>首頁

a>

1314

li>

15ul

>

16<

ul>

17<

li>

18<

a href

="articledemo01.html"

>article

a>

19li

>

20ul

>

21<

ul>

22<

li>

23<

a href

="asidedemo01.html"

>aside

a>

24li

>

25ul

>

26<

footer

>

27<

a href

="/"

>版權資訊

a>

28<

a href

="/"

>站點幫助

a>

29<

a href

="/"

>練習我們

HTML5結構元素

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

html5中列表元素

listtitle head 無序列錶用ul定義,用li包含定義的子元素 第一章li 第二章li 第三章li ul div 有序列錶用ol定義,用li包含定義的子元素,其中start表示的是開始的起始數字,type表示的是編號型別,其中1表示的是數字編號,a或a表示字母編號,i或i表示羅馬數字 st...

HTML5(七) HTML5 表單元素

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