• 开发者可以放心地使用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权威指南》

最新文章

  1. Web前端开发规范手册
  2. [整]SQL执行顺序
  3. StackExchange.Redis--纯干货喂饱你
  4. timingFunction
  5. 20145211 《Java程序设计》实验报告三:敏捷开发与XP实践
  6. 【FastJSON】解决FastJson中“$ref 循环引用”的问题
  7. 在这里总结一些iOS开发中的小技巧,能大大方便我们的开发,持续更新。
  8. 2014-02-27WPF学习笔记
  9. Oracle基本代码学习
  10. 扯蛋css
  11. Android异步消息机制
  12. Cocos2D:塔防游戏制作之旅(八)
  13. Blender 2.78 突然卡顿
  14. swoole和workerman
  15. Perl的IO操作(1):文件句柄
  16. 新闻类App顶部菜单栏封装
  17. R语言csv与txt文本读入区分(sep参数)
  18. UVa 116 单向TSP(多段图最短路)
  19. 一个5.0/3.3V双向通讯的电路
  20. 常用类一一时间处理相关类一一java.util.Tomezone(java.util.Calendar , java.util.Date , java.text.DateFormat)

热门文章

  1. IDE-IntelliJ IDEA
  2. 记录一下c++的一点指针所得
  3. hihocoder 1407 重复旋律2
  4. Android setImageResource与setImageBitmap的区别
  5. EL与JSTL学习(二)——JSTL技术
  6. 转:IE 无法使用 js trim() 的解决方法
  7. 优动漫PAINT简简单单绘画绣球花
  8. dede内链怎么优化,Dedecms内部链接优化技巧
  9. js中获取数据类型
  10. python基础4(小数据池,编码,深浅拷贝)