《HTML 5与CSS 3 权威指南(第4版·上册)》 —2.2 新增的元素和废除的元素

举报
华章计算机 发表于 2019/11/23 22:02:09 2019/11/23
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·上册)》一书中第2章,第2.2.1节,作者是陆凌牛。

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

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

2.2.1 新增的结构元素

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

(1)section元素

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

HTML 5中的代码示例:

<section>…</section>

HTML 4中的代码示例:

<div>…</div>

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

HTML 5中的代码示例:

<article>…</article>

HTML 4中的代码示例:

<div>…</div>

(3)aside元素

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

HTML 5中的代码示例:

<aside>…</aside>

HTML 4中的代码示例:

<div>…</div>

(4)header元素<header>…</header>

HTML 4中的代码示例:

<div>…</div>

(5)footer元素

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

HTML 5中的代码示例:

<footer></footer>

HTML 4中的代码示例:

<div>…</div>

(6)nav元素

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

HTML 5中的代码示例:

<nav></nav>

HTML 4中的代码示例:

<ul></ul>

(7)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>

(8)main元素

main元素表示网页中的主要内容。主内容区域意指与网页标题或应用程序中本页面主要功能直接相关或进行扩展的内容。

HTML 5中的代码示例:

<main>…</main>

HTML 4中的代码示例:

<div>…</div>


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。