Web前端知识

首页 > 免费 > Web前端知识 >

HTML5有哪些新特性?

来源:北京汇仁智杰科技有限公司   时间:2015-01-21   点击:

  HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术。然而,你能准确地说出HTML5带来了哪些新特性吗?北京汇仁智杰网站推广公司总结了HTML5带来的15项你必须知道的新特性,一起来看下:

  一、新的文档类型 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型:
  1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  在HTML5中,上面那种声明方式将失效。下面是HTML5中的声明方式:
  1:<!DOCTYPE html> 
  2:脚本和链接无需type  (No More Types for Scripts and Links)

  二、在HTML4或XHTML中,你需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。
  1:<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" />
  2:<script type="text/javascript" src="path/to/script.js"></script> 
  而在HTML5中,你不再需要指定类型属性。因此,代码可以简化如下:
  1:<link rel="stylesheet" href="path/to/stylesheet.css" />
  2:<script src="path/to/script.js"></script> 
  3:语义Header和Footer (The Semantic Header and Footer)

  三、在HTML4或XHTML中,你需要用下面的代码来声明"Header"和"Footer"。
  1: <div id="header">
  2: ...
  3: </div>
  4: ..........
  5: <div id="footer">
  6: ...
  7:</div> 
  在HTML5中,有两个可以替代上述声明的元素,这可以使代码更简洁。
  1:<header>
  2: ...
  3:</header>
  4:<footer>
  5: ...
  6:</footer>
  7:Hgroup

  以上是汇仁智杰总结出来的一小部分,希望对大家可以有一些帮助,如果大家想跟我们交流可以关注微信号huirenzhijei与我们一起互动讨论。

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰