在前面介绍了html5的新特性,新标签的使用,智能表单设计,引入多媒体对象,canvas对象你的画布,扩展图形标记,html5中的地理应用,独立数据存储,新的网络连接。
HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。(HTML5也有了自己的logo).学习Html5需要掌握下面几方面知识。
1、HTML基础知识
2、CSS样式知识
3、JavaScript知识
立即学习“前端免费学习笔记(深入)”;
很多以前学过HTML 4.0的朋友可能此时会感到很迷惑,到底html 4.0和HTML5的区别是什么,学过html4.0会对学习HTML5有什么帮助 其实HTML5和HTML4最大的区别就是HTML5更加注重内容与结构而不专注表现,举个例子:
导航相关数据 标题:HTML5专题
发布日期:测试相关内容
像上面这个html5中的很多标签,在以前的html4中我们都可以使用
还有一个区别就是,HTML5在更多的声明和标签上面做了简化,也对兼容做了详细的规定,废除了部分元素,增加了部分元素,如下面的声明:
HTML4的声明:
HTML5的声明:
在引入JavaScript或CSS文件的时候,HTML4中写法如下:
在HTML5中变的更简单:
不仅如此,HTML5接受一些比较松散的的语法,比如
从上面可以看出HTML5在以前浏览器发展的基础上对标签进行了简化。另外HTML5中对标签从语法上也进行了分类:
(1)不允许写结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、Track、wbr
(2)可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th
(3)可以完全省略的标签:html、head、body、colgroup、tbody
在html4的基础上html5也新增了很多标签,下面列举部分新增标签:
标记定义一篇文章
以前制作网页头部导航的代码如下:
用HTML5实现如下:
有朋友可能会问了,这样写有什么优势吗?在HTML5中用独立的标签代表特定的功能,比如
以上就是 小强的HTML5移动开发之路(3)——HTML5与HTML4比较的内容,更多相关内容请关注PHP中文网(www.php.cn)!











