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特性允许开发者在页面加载的时候预先加载他们希望指定的页面或元素。代码如下:
你也能够使用prerendering特性令你的网站速度更快,浏览器能够在后台获取并渲染整个页面,用户点击相应链接时再为用户展示该页面。代码如下:
3. Download属性 凭借HTML5的Download属性,开发者可以不必到特定页面下载文件,而是直接进行下载。这一操作不必依赖服务器端代码便能够执行。代码如下:
|
你应该知道的HTML5五大特性
最新推荐文章于 2022-09-27 18:44:08 发布
摘要: HTML5技术中有这样5个特性,它们能够让你实现事半功倍的开发效果,它们分别是:DNS Prefetching、Link Prefetching、Download属性、Regular Expressions以及Datalist元素。 ...