html4与html5有何区别,html5和html4.01的区别_1

  html4与html5有何区别,html5和html4.01的区别

  HTML5是HTML标准的下一个版本。虽然HTML5并没有完全颠覆HTML4,但是两者还是有一些区别的。最新最全的HTML5-HTML4对比资料见http://dev.w3.org/html5/html4-differences/,好像略多。在这个IE还存在的世界里,先掌握HTML5的一些差异,等一切支持后再仔细研究也不迟。

  1. 简化的语法

  HTML5简化了很多微妙的语法,比如doctype的声明。你只需要写出来!Doctype html就可以了。5 HTML以如下方式指定UTF-8编码:meta charset=UTF-8

  2. canvas标签替代Flash

  Flash给很多网页开发者带来了困扰,在网页上播放Flash需要一堆代码和插件。Canvas标签使开发人员只需使用一个标签就能与用户进行交互。

  3 新增许多标签

  HTML5设计的原则之一是更好的体现网站的语义,所以增加了页眉页脚等标签,清晰的表示网页的结构;添加section和article标签,section和article也有利于理清网页的结构,更有利于SEO;添加了菜单和图形标签。menu可用于创建传统菜单,以及工具栏和上下文菜单。图标签让网页文字和图片的排版更加专业;添加音频和视频标签,这两个标签可能是HTML5中最有用的两个标签,用起来也很方便。例如,在HTML5页面中嵌入视频只需要如下代码的简短副本:

  视频宽度=450 高度=340 控件

  source src= jam shed . MP4 type= video/MP4

  您的浏览器不支持视频嵌入功能。

  /视频

  类似的,音频之类的其他东西也差不多。

  4. 全新的表单

  HTML5对form和forminput标签做了很多修改,增加了很多新的属性,修改了很多属性。详情https:///W3School/HTML 5/HTML _ 5 _ form _ attributes.htm。

  5. 删除 b 和 font 标签,frame, center, big 标签

  6.HTML5 支持了不同类型的存储类型

  HTML5支持本地存储,以前版本是通过Cookie实现的。5 HTML5本地存储快速安全。HTML5有两个不同的对象可以用来存储数据。HTML5通过JS存储和访问数据:

  LocalStorage适合长期存储数据,关闭浏览器后数据不会丢失。

  SessionStorage只存储一个会话的数据,关闭浏览器后会自动删除存储的数据。

  总的来说,HTML5已经超出了标记语言的范畴,更多的语义标签会让HTML5更有用。Canvas WEBGL等技术,实现无插件动画和图像图形处理能力;本地存储,可以实现离线应用;Websocket,改变http的纯拉模式,实现数据推送的梦想;数学,SVG等。支持更丰富的渲染等。现在,我对HTML5的了解还只是停留在肤浅的阶段。以后会多看HTML5的书,增长见识。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: