欢迎来到天天文库
浏览记录
ID:10077898
大小:51.50 KB
页数:9页
时间:2018-05-24
《课工场中关村软件学院解读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就是其中之一。假设我的网站名下面紧跟着一个子标题,我可以用
5、.header>.2.<.hgroup>.3.<.h1>.RecallFanPage.4.<.h2>.Onlyforpeoplewhowantthememoryofalifetime..5..6..5.标记元素(MarkElement)你可以把它当做高亮标签。被这个标签修饰的字符串应当和用户当前的行动相关。比如说,当我在某博客中搜索“OpenyourMind”时,我可以利用一些JavaScript将出现的词组用修饰一下。http://web.mybdqn.com/1.<.h3>.SearchResults6、>.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
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
此文档下载收益归作者所有