读书频道 > 网站 > 网页设计 > HTML 5与CSS 3权威指南(第2版·上册)
2.2.1 新增的结构元素
13-03-13    奋斗的小年轻
收藏    我要投稿   
全书共29章,本书分为上下两册:上册(1~17章)全面系统地讲解了HTML 5相关的技术,以HTML 5对现有Web应用产生的变革开篇,顺序讲解了HTML 5与HTML 4的区别、HTML 5的结构、表单元素、HTML编辑API、图形绘...立即去当当网订购

2.2   新增的元素和废除的元素

本节将详细介绍HTML 5中新增和废除了哪些元素。

在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>

点击复制链接 与好友分享!回本站首页
分享到: 更多
您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力  
上一篇:1.3 功能
下一篇:1.5 小结
相关文章
图文推荐
JavaScript网页动画设
1.9 响应式
1.8 登陆页式
1.7 主题式
排行
热门
文章
下载
读书

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训
版权所有: 红黑联盟--致力于做最好的IT技术学习网站