事半功倍:你应该知道的HTML5五大特性
2013-06-08 22:16
274 查看
HTML5的诞生为Web App以及移动App开发带来了许多新鲜有趣的JavaScript与HTML API。本文将介绍5个能够让你事半功倍的HTML5特性。
1. DNS Prefetching
DNS主机名解析有时会出现拖慢网站速度的问题。现代浏览器当遇到DNS解析时已经十分聪明——用户在跟随某个链接之前,浏览器先尝试解析域名再将其进行缓存。
DNS Prefetching特性允许开发者手动控制,告诉浏览器需要解析哪个域名。代码如下:
2. Link Prefetching
Link Prefetching特性允许开发者在页面加载的时候预先加载他们希望指定的页面或元素。代码如下:
你也能够使用prerendering特性令你的网站速度更快,浏览器能够在后台获取并渲染整个页面,用户点击相应链接时再为用户展示该页面。代码如下:
3. Download属性
凭借HTML5的Download属性,开发者可以不必到特定页面下载文件,而是直接进行下载。这一操作不必依赖服务器端代码便能够执行。代码如下:
4. Regular Expressions
一旦用户输入一个有效的email或URL地址,pattern属性可以令你直接使用regular expressions而无需检查JS或服务器端代码。代码如下:
5. Datalist元素
若使用jQuery插件执行自动填充输入操作,则用户每敲击一次键盘都要访问服务器端代码以及数据库。但有了Datalist元素,开发者不必再使用jQuery插件便可完成该操作。代码如下:
1. DNS Prefetching
DNS主机名解析有时会出现拖慢网站速度的问题。现代浏览器当遇到DNS解析时已经十分聪明——用户在跟随某个链接之前,浏览器先尝试解析域名再将其进行缓存。
DNS Prefetching特性允许开发者手动控制,告诉浏览器需要解析哪个域名。代码如下:
Link Prefetching特性允许开发者在页面加载的时候预先加载他们希望指定的页面或元素。代码如下:
凭借HTML5的Download属性,开发者可以不必到特定页面下载文件,而是直接进行下载。这一操作不必依赖服务器端代码便能够执行。代码如下:
一旦用户输入一个有效的email或URL地址,pattern属性可以令你直接使用regular expressions而无需检查JS或服务器端代码。代码如下:
若使用jQuery插件执行自动填充输入操作,则用户每敲击一次键盘都要访问服务器端代码以及数据库。但有了Datalist元素,开发者不必再使用jQuery插件便可完成该操作。代码如下:
相关文章推荐
- 事半功倍:你应该知道的HTML5五大特性
- 事半功倍:你应该知道的HTML5五大特性
- 事半功倍:你应该知道的HTML5五大特性
- 事半功倍:你应该知道的HTML5五大特性
- 事半功倍:你应该知道的HTML5五大特性
- 事半功倍:你应该知道的HTML5五大特性
- 事半功倍:你应该知道的HTML5五大特性(转)
- 你应该知道的HTML5五大特性
- 你应该知道的HTML5五大特性
- 你应该知道的HTML5五大特性
- 开发者必须知道的HTML5十五大新特性
- 你应该知道的:世界新五大IT咨询公司IBM GBS(BCS),埃森哲,毕博,德勤,凯捷。
- jQuery 1.4: 15个你应该知道的新特性(译)
- 开发者必须知道的HTML5十五大新特性
- 开发者必须知道的HTML5十五大新特性
- jQuery 1.4: 15个你应该知道的新特性(译)
- 【转】你应该知道的十个VirtualBox技巧与高级特性
- HTML5 五大特性
- 28个你必须知道的HTML5的新特性,技巧以及技术
- jQuery 1.4: 15个你应该知道的新特性(译)