TML5想必咱们都很了解了,由于太多的长沙网站建设公司在评论这一技能。但是,你能精确地说出HTML5带来了哪些新特性吗?这篇文章总结了HTML5带来的15项你有必要晓得的新特性。
一起来看下:
1.新的文档类型
当时许多网站规划中还在运用XHTML 1.0 并且要在榜首行像这样声明文档类型:
在HTML5中,上面那种声明办法将失效。下面是HTML5中的声明办法:
2.脚本和连接无需
在HTML4或XHTML中,你需求用下面的几行代码来给你的页面增加CSS和JavaScript文件。
而在HTML5中,你不再需求指定类型特点。因而,代码可以简化如下:
3.语义Header和
在HTML4或XHTML中,你需求用下面的代码来声明"Header"和"Footer"。
在HTML5中,有两个可以代替上述声明的元素,这可以使代码更简练。
在HTML5中,有许多新引入的元素,hgroup即是其中之一。假定我的网站名下面紧跟着一个子标题,我可以用
和
标签来别离界说。但是,这种界说没有阐明这两者之间的联系。并且,h2标签的运用会带来更多疑问,比方该页面上还有其他标题的时分。
在HTML5中,咱们可以用hgroup元从来将它们分组,这样就不会影响文件的纲要。
5.符号元素
你可以把它作为高亮标签。被这个标签润饰的字符串应当和用户当时的举动有关。比方说,当我在某博客中查找“Open your Mind”时,我可以运用一些JavaScript将呈现的词组用润饰一下。
6.图形元素
在HTML4或XHTML中,下面的这些代码被用来润饰图像的注释。
但是,上述代码没有将文字和图像内涵联系起来。因而,HTML5引入了元素。当和结合起来后,咱们可以语义化地将注释和相应的图像联系起来。
7.从头界说
在HTML4或XHTML中,元素现已存在。但是,却没有怎么正确运用这一元素的完好阐明。在HTML5中,被用来界说小字。试想下你网站底部的版权状况,依据对此元素新的HTML5界说,可以正确地诠释这些信息。
8.占位符
在HTML4或XHTML中,你需求用JavaScript来给文本框增加占位符。比方,你可以提早设置好一些信息,当用户开端输入时,文本框中的文字就不见。
而在HTML5中,新的“placeholder”就简化了这个疑问。
9.必要特点
HTML5中的新特点“required”指定了某一输入是不是必需。有两种办法声明这一特点。
当文本框被指定必需时,假如空白的话表格就不能提交。下面是一个怎么运用的比如。
在上面那个比如中,假如输入内容空且表格被提交,输入框将被高亮显现。
10.Autofocus 特点
相同,HTML5的解决方案消除了对JavaScript的需求。假如一个特定的输入应该是“挑选”或聚集,默许情况下,咱们如今可以运用主动聚集特点。
11.Audio 撑持
当时咱们需求依托第三方插件来烘托音频。但是在HTML5中,元素被引入来了。
当运用元素时请记住包括两种音频格局。FireFox想要.ogg格局的文件,而Webkit浏览器则需求.mp3格局的。和平常相同,IE是不撑持的,且Opera 10及以下版别只撑持.wav格局。
12.Video 撑持
HTML5中不只有元素,并且还有。但是,和相似,HTML5中并没有指定视频解码器,它留给了浏览器来决议。尽管Safari和Internet Explorer9可以撑持H.264格局的视频,Firefox和Opera是坚持开源Theora 和Vorbis格局。因而,指定HTML5的视频时,你有必要供给这两种格局。
13.视频预载
当用户拜访页面时这一特点使得视频得以预载。为了完成这个功用,可以在元素中加上preload="preload"或许仅仅preload。
14.显现操控条
假如你运用过上面的每一个说到的技能点,你可以现已注意到,运用上面的代码,视频仅仅显现的是张图像,没有操控条。为了烘托出播映操控条,咱们有必要在video元素内指定controls特点。
15.规范表达式
在HTML4或XHTML中,你需求用一些规范表达式来验证特定的文本。而HTML5中新的pattern特点让咱们可以在标签处直接插入一个规范表达式。
定论
事实上,还有许多新元素和特性,上面说到的仅仅一些我以为网站开发中常用的,剩余的就由你们自个去探索啦。
——网站设计师应知道的HTML5十五大新特性
来源:www.t2wl.com 发表时间:2014-03-25 14:22
相关阅读:
11个SEO技巧网页设计师必
在网站设计中应避免出现
网站设计中应注意的细节
长沙网站建设:浅论网站
长沙网站制作:浅谈寻求
初学网页布局,如何设计
网页中如何体现企业形象
简单易用,便于操作应是
----责任编辑:长沙网站制作
版权所有 http://www.t2wl.com(长沙天二网络)转载请注明出处