天天看點

文檔元素

文本:

文檔元素

一、主要作用
文檔元素的主要作用就是劃分各個不同的内容,讓整個布局清晰明快。讓整個布局具有語義,進一步代替div。
二、元素
1、h1—h6:表示标題
2、header:表示首部
3、footer:表示尾部
4、nav:表示有意集中在一起的導航元素
5、section:表示重要概念或者主題
6、article:表示一段獨立的内容
7、address:表示文檔或者Article的聯系資訊
8、aside:表示與周邊内容少有牽涉的内容
9、hgroup:将一組标題組織在一起
10、details:生成一個區域,使用者将其展開可以獲得更多的細節
11、summary:用在details元素中,表示該元素内容的标題或說明。

![Paste_Image.png](http://upload-images.jianshu.io/upload_images/1293851-c94b8dcc28f80da5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

           

代碼

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>文檔元素</title>
    
</head>
<body>
    <header>
        <h1>這是一個大标題</h1>
        <h4>這是一個副标題</h4>
        這裡存放網頁的标頭部分:logo,标題,導航等
    </header>
    
    <footer>
        這裡是存放頁面的尾部:版權聲明,友情連結等
    </footer>
</body>
</html>
           
上一篇: 音頻和視訊
下一篇: 表格元素