课工场中关村软件学院解读html5新特性

课工场中关村软件学院解读html5新特性

ID:10077898

大小:51.50 KB

页数:9页

时间:2018-05-24

课工场中关村软件学院解读html5新特性_第1页
课工场中关村软件学院解读html5新特性_第2页
课工场中关村软件学院解读html5新特性_第3页
课工场中关村软件学院解读html5新特性_第4页
课工场中关村软件学院解读html5新特性_第5页
资源描述:

《课工场中关村软件学院解读html5新特性》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、http://web.mybdqn.com/课工场中关村软件学院解读HTML5新特性HTML5想必大家都很熟悉了。然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性。一起来看下:1.新的文档类型(NewDoctype)目前许多网页还在使用XHTML1.0并且要在第一行像这样声明文档类型:1..在HTML5中,上面

2、那种声明方式将失效。下面是HTML5中的声明方式:1..2.脚本和链接无需type(NoMoreTypesforScriptsandLinks)在HTML4或XHTML中,你需要用下面的几行代码来给你的网页添加CSS和JavaScript文件。1.<.linkrel="stylesheet"href="path/to/stylesheet.css"type="text/css"/>.2.<.scripttype="text/javascript"src="path/to/script.js">..http://web.mybdqn.com/而

3、在HTML5中,你不再需要指定类型属性。因此,代码可以简化如下:1.<.linkrel="stylesheet"href="path/to/stylesheet.css"/>.2.<.scriptsrc="path/to/script.js">..3.语义Header和Footer(TheSemanticHeaderandFooter)在HTML4或XHTML中,你需要用下面的代码来声明"Header"和"Footer"。1.<.divid="header">.2....3..4...........5.<.divid="footer">.6....7.<

4、/.div>.在HTML5中,有两个可以替代上述声明的元素,这可以使代码更简洁。1.<.header>.2....3..4.<.footer>.5....http://web.mybdqn.com/6..4.Hgroup在HTML5中,有许多新引入的元素,hgroup就是其中之一。假设我的网站名下面紧跟着一个子标题,我可以用

标签来分别定义。然而,这种定义没有说明这两者之间的关系。而且,h2标签的使用会带来更多问题,比如该页面上还有其他标题的时候。在HTML5中,我们可以用hgroup元素来将它们分组,这样就不会影响文件的大纲。1.<

5、.header>.2.<.hgroup>.3.<.h1>.RecallFanPage.4.<.h2>.Onlyforpeoplewhowantthememoryofalifetime..5..6..5.标记元素(MarkElement)你可以把它当做高亮标签。被这个标签修饰的字符串应当和用户当前的行动相关。比如说,当我在某博客中搜索“OpenyourMind”时,我可以利用一些JavaScript将出现的词组用修饰一下。http://web.mybdqn.com/1.<.h3>.SearchResults

6、>.2.<.p>.Theywereinterrupted,justafterQuatosaid,<.mark>."OpenyourMind"...6.图形元素(FigureElement)在HTML4或XHTML中,下面的这些代码被用来修饰图片的注释。1.<.imgsrc="path/to/image"alt="Aboutimage"/>.2.<.p>.ImageofMars..然而,上述代码没有将文字和图片内在联系起来。因此,HTML5引入了

元素。当和
结合起来后,我们可以语义化地将注释和相应的图片联系起来。1.<

7、.figure>.2.<.imgsrc="path/to/image"alt="Aboutimage"/>.3.<.figcaption>.4.<.p>.Thisisanimageofsomethinginteresting..5..6..7.重新定义(SmallElementredefined)http://web.mybdqn.com/在HTML

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。