html5与html4有哪些变化

来源:lch 发布时间:2014-07-08 10:20:55 点击数:

 

  互联网是一个陈旧更新的过程,技术也在不断更新,html4也已成为过去式了,去其糟粕,取其精华使得html5迅速壮大起来,越来越多的程序员开始使用html5来建站,那么html5与html4到底有哪些区别呢?下面我们就来了解下。
  1. 删除 <frame>, <center>, <big> 标签
  这个标签我们在开发的过程中可能运用的比较少,但是这并不代表这些标签不适用。

 

  2.除 <b> 和 <font> 标签
  这两个标签的改动对于我个人来说我觉得有点多余,我并不觉得这两个删除标签对程序来说有多大的改变。但是官方给出的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本,这两个标签还是很方便的。

 
  3. HTML5 标准还在制定中
  首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变。HTML4已经10多年了,不会有任何改变了。
 
  4.<canvas>标签替代Flash
  对于Web用户来说,Flash既是一个惊喜,也是一种痛苦。有很多的Web开发人员对HTML5对Flash产生的威胁很不满。但对于那些忍受着要花几年时间加载和运行的臃肿的Flash视频的人来说,用新的 <canvas> 标记生成视频的技术已经到来。
 
  5.新增 <section> 和 <article> 标签
  跟<header> 和 <footer>标记类似,HTML5中引入的新的<section> 和 <article> 标记可以让开发人员更好的标注页面上的这些区域。据推测,除了让代码更有组织外,它也能改善SEO效果,能让搜索引擎更容易的分析你的页面。

78OA办公系统

 

  6. 新增 <header> 和 <footer> 标签
  HTML5设计的一个原则是更好的体现网站的语义性,所以增加了<header>和<footer>这样的标签,用来明确表示网页的结构。
 
  7.新增 <audio> 和 <video> 标签
  <audio> 和 <video> 标记这是html5加入最重要的两个功能。它们是用来嵌入音频和视频文件的。除此之外还有一些新的多媒体的标记和属性,例如<track>,它是用来提供跟踪视频的文字信息的。有了这些标记,HTML5使Web2.0特征变得越来越友好。问题在于,在HTML5还未被广泛的接受之前,Web2.0还是老的Web2.0。
 
  8.新增 <menu> 和 <figure> 标签
  <menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。
 

  9.新的表单
  HTML5对 <form> 和 <forminput> 标签进行了大量修改,添加了很多全新的《html属性》,也修改了之前的一些属性,如果你经常会用到表单设计这块,你可以花时间去了解下全新的Html5表单设计。
 
  10.语法更简洁
  更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写<!doctype html>,这就行了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。


  以上只是列举了html5与html4最主要的一些区别,实际它们的区别远不止这些,具体还有那些更加强大丰富的功能,还得需要你自己在开发的过程中慢慢的去发掘。

     文章由78oa编辑所撰,转载请注明出处!