HTML5教程

当前位置: HTML5技术网 > HTML5教程 > HTML5新增的结构元素

HTML5新增的结构元素

在HTML 5中,新增了以下与结构相关的元素:

 

section元素


section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用,标示文档结构。


HTML 5中代码示例:

<section>...</section>

HTML 4中代码示例:

<div>...</div>

 

article元素


article元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章。


HTML 5中代码示例:

<article>...</article>

HTML 4中代码示例:

<div>...</div>

 

aside元素


aside元素表示article元素的内容之外的、与article元素的内容相关的辅助信息。


HTML 5中代码示例:

<aside>…</aside> 

HTML 4中代码示例:

<div>...</div>

 

header元素


header元素表示页面中一个内容区块或整个页面的标题。


HTML 5中代码示例:

<header>...</header>

HTML 4中代码示例:

<div>...</div>

 

hgroup元素


hgroup元素用于对整个页面或页面中一个内容区块的标题进行组合。


HTML 5中代码示例:

<hgroup>...</hgroup>

HTML 4中代码示例:

<div>...</div>

 

footer元素


footer元素表示整个页面或页面中一个内容区块的脚注。一般来说,它会包含创作者的姓名、创作日期以及创作者联系信息。


HTML 5中代码示例:

<footer></footer>

HTML 4中代码示例:

<div>...</div>

 

nav元素


nav元素表示页面中导航链接的部分。

HTML 5中代码示例:

<nav></nav>

HTML 4中代码示例:

<ul></ul>

 

figure元素

figure元素表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用 figcaption元素为figure元素组添加标题。


HTML 5中代码示例:

<figure>

<figcaption>PRC</figcaption>

<p>The People's Republic of China was born in 1949...</p>

</figure>

HTML 4中代码示例:

<dl>

<h1>PRC</h1>

<p>The People's Republic of China was born in 1949...</p>

</dl>

【HTML5新增的结构元素】相关文章

1. HTML5新增的结构元素

2. HTML5 新增结构元素

3. 细谈HTML 5新增的元素

4. CSS3实战之新增的选择器

5. HTML5新增标签和属性简介

6. HTML5新增标签和属性简介

7. CSS3新增加结构伪类

8. 移动应用开发的未来:Java和HTML5的结合

9. 如何使用details元素和summary元素

10. Mozilla HTML5 Dashboard:HTML5新技术演示集合

本文来源:https://www.51html5.com/a697.html

点击展开全部

﹝HTML5新增的结构元素﹞相关内容

「HTML5新增的结构元素」相关专题

其它栏目

也许您还喜欢