原创力文档- 1、本文档共9页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
课工场中关村软件学院解读HTML5新特性
HTML5想必大家都很熟悉了。然而，你能准确地说出HTML5带来了哪些新特性吗？本文总结了HTML5带来的15项你必须知道的新特性。一起来看下：
1.新的文档类型 (New Doctype)
目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型：
1.!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
2./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.
4.Hgroup
在HTML5中，有许多新引入的元素，hgroup就是其中之一。假设我的网站名下面紧跟着一个子标题，我可以用h1和h2标签来分别定义。然而，这种定义没有说明这两者之间的关系。而且，h2标签的使用会带来更多问题，比如该页面上还有其他标题的时候。
在HTML5中，我们可以用hgroup元素来将它们分组，这样就不会影响文件的大纲。
1..header.
2..hgroup.
3. .h1. Recall Fan Page /.h1.
4. .h2. Only for people who want the memory of a lifetime. /.h2.
5./.hgroup.
6./.header.
5.标记元素 (Mark Element)
你可以把它当做高亮标签。被这个标签修饰的字符串应当和用户当前的行动相关。比如说，当我在某博客中搜索“Open your Mind”时，我可以利用一些JavaScript将出现的词组用mark修饰一下。
1..h3. Search Results /.h3.
2..p. They were interrupted, just after Quato said, .mark.Open your Mind/.mark.. /.p.
6.图形元素 (Figure Element)
在HTML4或XHTML中，下面的这些代码被用来修饰图片的注释。
1..img src=path/to/image alt=About image /.
2..p.Image of Mars. /.p.
然而，上述代码没有将文字和图片内在联系起来。因此，HTML5引入了figure元素。当和figcaption结合起来后，我们可以语义化地将注释和相应的图片联系起来。
1..figure.
2..img src=path/to/image alt=About image /.
3..figcaption.
4. .p.This is an image of something interesting. /.p.
5./.figcaption.
6./.figure.
7.重新定义small (Small Element redefined)
在HTML4或XHTML中，small元素已经存在。然而，却没有如何正确使用这一元素的完整说明。在HTML5中，small被
文档评论（0）