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与我们一起互动讨论。