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 新增结构元素
7. CSS3新增加结构伪类
10. Mozilla HTML5 Dashboard:HTML5新技术演示集合
本文来源:https://www.51html5.com/a697.html
﹝HTML5新增的结构元素﹞相关内容
- 检测浏览器支持哪些HTML5新特性的方法
- 开发者值得关注的HTML5新特性Canvas
- HTML5新感观 欧朋浏览器H5体验版试用
- 跨平台同步 HTML5新页游《黎明帝国》截图首曝
- HTML5新特性:Web应用缓存实现离线浏览
- 海外复古HTML5新游《BrowserQuest》曝光
- 谁是HTML5新规则下的牺牲品?
- 微软IE团队发布圣诞HTML5新演示
- Win10预览版10041:IE11触控、HTML5新功能开启
- Chrome 11开测 新增HTML5语音输入API