HTML5的核心内容

• 开发者可以放心地使用html5的理由

  • 兼容性。HTML5在老版本的浏览器可以正常运行，同时支持HTML5的新浏览器也能正常运行HTML4，用HTML4创建出来的网站不是必须全部重建的。

  • 实用性。HTML5能够解决实际问题，HTML5内部只封装了切实有用的功能，不封装复杂而没有实际意义的功能

  • 非革命性的发展。HTML5内部功能不是革命性的，只是发展性的。因为兼容性，所以是非革命的，不会推翻前面的标准。因为实用性，它具有发展意义的。

• html5想解决的问题

  • Web浏览器之间的兼容性很低。HTML5详细分析各Web浏览器所具有的功能，然后以此为基础，要求这些浏览器所有内部功能都要符合一个通用标准。

  • 文档结构不明确。增加很多结构元素，使文档结构更加明确，也更加语义化。

  • web应用程序的功能受到了限制。提供用于各类web应用（典型的包括多媒体播放）的新API，使富Web应用的实现成为可能。

• HTML5新增的结构元素

  • section，article，aside，header，hgroup，footer，nav，figure。

• 新增的其他元素

  • video，audio，embed，mark，progress，time，ruby，rt，rp，wbr，canvas，command（表示命令按钮），details，datalist，datagrid，keygen，output，source，menu。

• 新增的input元素的类型

  • email，url，number，range，以及多个date pickers，包括date，month，week，time，datetime，datetime-local

• 废除的元素

  • 可以用CSS代替的元素

  • 不再使用frame框架，frame，frameset，noframes。

  • 只有部分浏览器支持的元素，applet，bgsound等

  • 其它，rb元素被ruby代替等

• 全局属性

  • contentEditable，designMode，hidden，spellcheck，tabindex

• 主体结构元素

  • article

    • 独立的、完整的、可独立被外部引用的内容

    • 比如，一篇博客文章，一个论坛帖子，一个用户评论，一个独立插件

  • section

    • 对页面上的内容进行分块，或或者说对文章进行分段，section元素的内容可以单存入到数据库中或者导出到word文档中。

    • 使用禁忌

      • 不要把section元素用作设置样式的页面容器，那是div元素的工作

      • 不要为没有标题的内容区块使用section

      • 如果article、aside、nav元素更符合使用条件，不要用section

  • nav

    • 导航链接组

    • 常用场合

      • 传统导航条

      • 侧边栏导航

      • 页内导航

      • 翻页操作

    • 与menu的区别

      • menu是用在一系列发出命令的菜单上，主要是在Web应用中用

  • aside

    • 附属信息

  • time与微格式

    • 微格式，是一种利用html的class属性来对页面添加附加信息的方法，附加信息例如时间、电话、邮箱等。

    • 在html5之前，使用微格式的过程中，发现时间的机器编码有一些问题，所以HTML5增加了time元素来解决这个问题。

    • pubdate属性，可以应用到time元素中，表示整个网页或者文章的发布日期。

  • 非主体结构元素

  • header

    • 通常是整个页面或者内容区块的标题，具有引导和导航作用。

  • footer

    • 页面或内容分区的脚注

  • hgroup

    • 将标题及其子标题进行分组的元素

  • address

    • 用来在文档中呈现联系信息。

 

　　参考文献：《HTML5与CSS3权威指南》