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十五大新特性.pdf
归纳HTML5十五大新特性.rar
归纳HTML5十五大新特性.pdf
归纳HTML5十五大新特性参考.pdf
开发者必须知道的HTML5十五大新特性.docx
《HTML5 权威指南》是系统学习网页设计的权威参考图书。...第五部分讲解Ajax、多媒体和canvas 元素等HTML5 高级特性。 本书面向初学者和中等水平Web 开发人员,是牢固掌握HTML5、CSS3 和JavaScript 的必读之作。
大部分学生都是从示例开始学习的。学习其他人在做什么,这可以使学习过程变得简单而有趣,然而模仿只能达到这种程度。在模仿中容易养成坏习惯,并将它当做好习惯接受。掌握HTML的较好方式是,找一本内容全面的参考书...
《HTML5 权威指南》是系统学习网页设计的权威参考图书。...第五部分讲解Ajax、多媒体和canvas 元素等HTML5 高级特性。, 本书面向初学者和中等水平Web 开发人员,是牢固掌握HTML5、CSS3 和JavaScript 的必读之作。
大部分学生都是从示例开始学习的。学习其他人在做什么,这可以使学习过程变得简单而有趣,然而模仿只能达到这种程度。在模仿中容易养成坏习惯,并将它当做好习惯接受。掌握HTML的较好方式是,找一本内容全面的参考书...
大部分学生都是从示例开始学习的。学习其他人在做什么,这可以使学习过程变得简单而有趣,然而模仿只能达到这种程度。在模仿中容易养成坏习惯,并将它当做好习惯接受。掌握HTML的较好方式是,找一本内容全面的参考书...
全书收录了五大类函数:窗口管理、图形设备接口、系统服务、国际特性以及网络服务。所有函数均附有功能说明、参数说明、返回值说明、备注以及引用说明。另外,在本书的第一章,我们对WiN32 API函数作了完整的概述;...
主要的原因是 HTML5 提供了独有的特征,例如特殊的架构标签,动画,浏览器支持等。最近,大量的 HTML5 框架在行业内可免费获得,这使得 HTML5 开发者们不知道到底哪一个框架才是最好的。为了避免上述问题,本文在...
之前,我们曾发布过你应该知道的HTML5五大特性。下面,再向大家介绍一些非常实用的HTML5JavaScriptAPI。话说,JavaScript+CSS+HTML一直都是前端开发者的秘密武器,开发者利用它们可以开发出任何想要的东西,比如使用...
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改 Android 一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放...
HTML5,即超文本标记语言(HTML)第五次重大修改。 HTML5包含了新的元素,属性和行为,同时包含了一系列可以被用来让 Web 站点和应用更加多样化,功能更强大的技术。 新特性并不是一下就有的,而是在HTML4.01版本制定...
属性是用来描述对象特征的特性。在HTML中,所有的属性都放置在开始标记符的尖括号里,属性与标记符之间用空格分隔,属性的值放在相应属性之后,用等号分隔,而不同的属性之间用空格分隔。格式为: <标记符 属性1=...
然后收录五大类函数:窗口管理、图形设备接口、系统服务、国际特性以及网络服务;在附录部分,讲解如何在Visual Basic和Delphi中对其调用。 本书是从事Windows应用程序开发的软件工程师的必备参考手册。
<tr><td><a href="3.4/index.jsp">3.4系列产品特性速查</a></td> <tr><td><a href="3.5/mail_list.html">3.5邮件订阅</a></td> <tr><td><a href="3.6/index.jsp">3.6产品评级</a></td> <tr><td class="item">第四章 ...
第三讲:Java语言中的面向对象特性 第四讲:Java的例外处理和I/O流 第五讲:AWT图形用户界面设计 第六讲:Java的线程和Java Applet 第七讲:Swing用户界面设计 第八讲:Java网络编程 第九讲:JavaBean和RMI 第十讲:...