HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > 你应该知道的HTML5五大特性

你应该知道的HTML5五大特性

        HTML5的诞生为Web App以及移动App开发带来了许多新鲜有趣的JavaScript与HTML API。本文将介绍5个能够让你事半功倍的HTML5特性。



1. DNS Prefetching

        DNS主机名解析有时会出现拖慢网站速度的问题。现代浏览器当遇到DNS解析时已经十分聪明——用户在跟随某个链接之前,浏览器先尝试解析域名再将其进行缓存。

DNS Prefetching特性允许开发者手动控制,告诉浏览器需要解析哪个域名。代码如下:

<link rel="dns-prefetch" href="//fonts.googleapis.com"><link rel="dns-prefetch" href="//google-analytics.com"><link rel="dns-prefetch" href="//www.google-analytics.com"><link rel="dns-prefetch" href="//platform.twitter.com">

2. Link Prefetching

       Link Prefetching特性允许开发者在页面加载的时候预先加载他们希望指定的页面或元素。代码如下:

<link rel="prefetch" href="http://daker.me/2013/05/hello-world.html" /><link rel="prefetch" href="http://daker.me/assets/images/avatar.png" />
         你也能够使用prerendering特性令你的网站速度更快,浏览器能够在后台获取并渲染整个页面,用户点击相应链接时再为用户展示该页面。代码如下:
<link rel="prerender" href="http://daker.me/2013/05/hello-world.html" />

3. Download属性

         凭借HTML5的Download属性,开发者可以不必到特定页面下载文件,而是直接进行下载。这一操作不必依赖服务器端代码便能够执行。代码如下:

<a href="download_pdf.php?id=15" download="myfile.pdf">Download PDF</a>

4. Regular Expressions

       一旦用户输入一个有效的email或URL地址,pattern属性可以令你直接使用regular expressions而无需检查JS或服务器端代码。代码如下:

<input type="email" pattern="[^ @]*@[^ @]*" value="">

5. Datalist元素

         若使用jQuery插件执行自动填充输入操作,则用户每敲击一次键盘都要访问服务器端代码以及数据库。但有了Datalist元素,开发者不必再使用jQuery插件便可完成该操作。代码如下:

<form action="form.php" method="post">    <input list="cars" name="cars" >    <datalist id="cars">        <option value="Volvo">        <option value="BMW">        <option value="Bugatti">        <option value="Cadillac">        <option value="Chevrolet">        <option value="Chrysler">    </datalist>    <input type="submit" /></form>


【你应该知道的HTML5五大特性】相关文章

1. 你应该知道的HTML5五大特性

2. 你应该知道的CSS文字大小单位PX、EM、PT

3. 程序员应该知道的13个设计技巧

4. 开发者必须知道的HTML5十五大新特性

5. AngularJS 五大特性,加快 Web 应用开发

6. 10件开发者和老板都要知道的HTML5的那些事

7. 分享:你必须知道的H5加速器九大常识!

8. 关于HTML5 你应该了解的5件事

9. 你应该了解的 5 个 JavaScript 调试技巧

10. 你应该学习的最好的编程语言

本文来源:https://www.51html5.com/a3270.html

点击展开全部

﹝你应该知道的HTML5五大特性﹞相关内容

「你应该知道的HTML5五大特性」相关专题

其它栏目

也许您还喜欢