<HeadFirst_HTML与CSS> O'REILLY_Chap.12_HTML5标记

<HeadFirst_HTML与CSS> O’REILLY_Chap.12_HTML5标记

本博客的FollowMeReading系列初衷是在线的读书笔记. 为方便后期查阅, 故写成博客形式, 使用关键字查询便可以快读的找到相关的内容.

FollowMeReading系列所选的书籍一般选自O’REILLY或Apress出版社, 尽量保证笔记内容的权威性.

FollowMeReading系列的博客标题格式为: <书名> 出版社章节数章节名, 方便大家在纸质版书籍中查找.

FollowMeReading系列博文中的内容大部分是原文, 非原文部分前面将有’博主’字样提醒.

感谢<HeadFirst_HTML与CSS>作者 Eric Freeman & Elisabeth Robson
感谢<HeadFirst_HTML与CSS>翻译 徐阳 丁小峰

本博客由@scott编写. 若转载此文章, 请注明出处和作者

正文

原文

BULLTE POINTS(要点):

• HTML5 为HTML增加了很多新元素.

• <section> , <article> , <aside> , <nav> , <header> , <footer> 都是帮助你建立页面结构的新元素, 与使用 <div> 相比, 它们可以提供更多含义.

• <section> 用于对相关的内容分组.

• <article> 用于类似博客帖子, 论坛帖子和新闻报道等独立的内容.

• aside 用于表示不作为页面主内容的次要内容, 如插图和边栏.

• <nav> 用于组织网站导航链接.

• <header> 将标题, logo和署名等通常放在页面或区块最上方的内容组织在一起.

• <footer> 将诸如文档信息, 法律措辞和版权说明等通常放在页面或区块最下方的内容组织子啊一起.

• <time> 也是HTML5中的一个新元素. 这个元素用来标记时间和日期.

• <div> 仍然用于建立结构. 它通常将元素组织在一起来指定样式, 或者有些内容可能不适合放在HTML5中那些与结构相关的新元素中, 这些内容就可以使用 <div> 创建结构.

• 较早的浏览器不支持新的HTML5元素, 所以一定要知道主要用户使用哪些浏览器访问你的Web页面, 除非能确保新元素对你的用户适用, 否则不要贸然使用这些新元素.

• <video> 是一个新的HTML元素, 用于为页面增加视频.

• 视频编码是用来创建视频文件的编码. 常用的编码包括h.264 , Vp8 , Theora.

• 要提供多个视频源文件, 确保你的用户可以在他们的浏览器中观看你的视频文件.