HTML 5 基础(第一天)
1.HTML 新增基础结构标签
- header
- nav
- section
- article
- aside
- footer
1.1
标签
标签定义文档或者文档的一部分区域的页眉。
元素应该作为介绍内容或者导航链接栏的容器。
该元素内部还可以去包含 h1~h6,hgroup, 或者 p,span 等。
在一个文档中,您可以定义多个
元素。
注释:
标签不能被放在 或者另一个
元素内部。
使用场景:
- 文章介绍内容
- 导航链接器的容器
hgroup: 用于组织多个 h1 ~ h6 这样的标题元素.
Internet Explorer 9
Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....
1.2
标签
标签定义导航链接的部分。
并不是所有的 HTML 文档都要使用到 元素。
元素只是作为标注一个导航链接的区域。
在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。
推荐将这些导航链接分别放在相应的
1.3
标签
标签定义了文档的某个区域。
一般用于对界面进行分区,元素通常也可由标题和内容组成。
比如章节、头部、底部或者文档的其他区域。
内部建议包含一个标题h1~h6,也可以包含 article, 嵌套 section 等.
WWF
The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.
WWF's Panda symbol
The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.
1.4
标签
标签定义独立的内容。
标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
定义独立的内容,内容通常是一篇帖子,一篇 blog, 一篇短文或者一条完整回复等.
的潜在来源:
- 论坛帖子
- 博客文章
- 新闻故事
- 评论
内部可以使用 header,footer,section,article
Internet Explorer 9
Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....
注意:
article 和 section 两个元素非常容易搞混,因为他们可以包含很多的子元素,而且可以相互嵌套.
但是 article 和 section 两个元素 的侧重点不同,
article 侧重表达一篇独立的,完整的文章.
section 侧重表达对页面内容进行分块.
也就是说,如果想表达一块独立完整的内容应该去使用 article
如果想把一块内容分成几个部分,应该用 section
1.5
标签
标签定义
标签外的内容。
aside 的内容应该与附近的内容相关。
使用场景:
当前页或当前文章的附属信息。
提示:
通常来说,推荐
My family and I visited The Epcot center this summer.
1.6
标签
标签定义文档或者文档的一部分区域的页脚。
元素应该包含它所包含的元素的信息。
在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。
在一个文档中,您可以定义多个 元素。
使用场景:
- 文档创建者姓名
- 文档的版权信息
- 使用条款的链接
- 联系信息等等
1.7
标签
规定独立的流内容(图像、图表、照片、代码等等)。
内部可以包含一个或者多个所代表的图片.
除此之外,还可以包含一个 figcaption 来定义该 "图片区域" 的标题.
The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.
1.8
标签
标签为 元素定义标题。
元素应该被置于 元素的第一个或最后一个子元素的位置。
提示:
元素被用来为 元素定义标题。
The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.