7、文档元素
一、文檔元素匯總
文檔元素基本沒有什么實際作用效果,主要目的是在頁面布局時區(qū)分各個主題和概念。
| ? ?元素名稱 | ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?說明 |
| h1~h6 | 表示標題 |
| header | 表示首部 |
| footer | 表示尾部 |
| nav | 表示有意集中在一起的導(dǎo)航元素 |
| section | 表示重要概念或主題 |
| article | 表示一段獨立的內(nèi)容 |
| address | 表示文檔或article的聯(lián)系信息 |
| aside | 表示與周邊內(nèi)容有多少牽涉的內(nèi)容 |
| hgroup | 將一組標題組織在一起 |
| details | 生成一個區(qū)域,用戶將其展開可以獲取更多細節(jié) |
| sumary | 用在details元素中,表示該元素內(nèi)容的標題或說明 |
二、文檔元素解析
文檔元素的大部分標簽,是沒有任何效果的,完全是為了配合語義使用,以強調(diào)它的結(jié)構(gòu)性,只有在后面的章節(jié)學(xué)習(xí)CSS,配合使用才能起到布局和樣式的效果
1、<header>表示首部
| 1 2 | ???這里部分一般是頁面頭部,包括:LOGO,標題、導(dǎo)航等內(nèi)容 </header> |
解釋:<header>元素主要設(shè)置頁面的標題部分
2、<footer>表示尾部
| 1 2 3 | <footer> ????????這里是頁面的尾部,一般包括,版權(quán)聲明、友情鏈接等內(nèi)容 </footer> |
解釋:<footer>元素主要設(shè)置頁面的尾部
3、<h1>~<h6>添加標題
| 1 2 | <h1>標題部分</h1> <h4>小標題部分</h4> |
解釋:<h1>~<h6>實際作用就是加粗并且改變字體大小,用于各種標題文檔。
4、<hgroup>組合標題
| 1 2 3 4 | <hgroup> ???<h1>標題部分</h1> ???<h4>小標題部分</h4> </hgroup> |
解釋:<hgroup>元素作用就是當(dāng)多個標題出現(xiàn),干擾到一對或多個本身需要整合的
5、<section>文檔主題
| 1 2 3 | <section> ????這里一般是存放文檔主題內(nèi)容, </section> |
解釋:<section>元素的作用是定義一個文檔的主體內(nèi)容
6、<nav>添加導(dǎo)航
<nav>這里存放著文檔的導(dǎo)航</nav>
解釋:<nav>元素給文檔頁面添加一個導(dǎo)航
7、<article>添加一個獨立成篇的文檔
| 1 2 3 4 5 6 | <article> ?????<header> ???????????<nav></nav> ????</header> ????<footer></footer> </article> |
解釋:<article>元素表示獨立成篇的文檔,里面可以包含頭、尾、主題等一系列內(nèi)容、在比較大的頁面中會使用到。比如一篇博文的列表,每篇博文,都有自己的頭尾、主題等內(nèi)容,和此相似的還有論壇和帖子、用戶的評論、新聞等。
8、<aside>生成注釋欄
<aside>這是一個注釋欄</aside>
解釋:<aside>元素專門為某一段內(nèi)容進行注釋使用
9、<address>表示文檔或article元素的聯(lián)系信息
| 1 | <address>聯(lián)系信息</address> |
解釋:如果是在<body>元素下時,表示整個文檔的聯(lián)系信息,如果是在<article>元素下時,表示其下的聯(lián)系信息。
10、<details>元素生成詳情區(qū)域、<summary>元素在其內(nèi)部生成說明標簽
解釋:由于大多數(shù)主流瀏覽器尚未支持、省略
本文轉(zhuǎn)自 曾哥最愛 51CTO博客,原文鏈接:http://blog.51cto.com/zengestudy/1897766,如需轉(zhuǎn)載請自行聯(lián)系原作者
總結(jié)
- 上一篇: 适合NetScaler AG部署的 WI
- 下一篇: lvs-nat负载均衡模式