HTLM5的五个必知的属性

2019-09-10 郑州网站建设  

1.DNS的预先加载处理

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

DNS 预加载特性允许开发者手动控制,告诉浏览器需要解析哪个域名。例如:

<link rel="dns-prefetch" href=http://www.divcss5.com/html5/"/fonts.谷歌apis.com">

<link rel="dns-prefetch" href=http://www.divcss5.com/html5/"/谷歌-analytics.com">

<link rel="dns-prefetch" href=http://www.divcss5.com/html5/"/www.谷歌-analytics.com">

<link rel="dns-prefetch" href=http://www.divcss5.com/html5/"/platform.twitter.com">

2.Link Prefetching

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

<link rel="prefetch" href=http://www.divcss5.com/html5/"http:/daker.me/2013/05/hello-world.html" />

<link rel="prefetch" href=http://www.divcss5.com/html5/"http:/daker.me/assets/images/avatar.png" />

你也能够使用prerendering特性令你的网站速度更快,浏览器能够在后台获取并渲染整个页面,用户点击相应链接时再为用户展示该页面。例如:

<link rel="prerender" href=http://www.divcss5.com/html5/"http:/daker.me/2013/05/hello-world.html" />

3.Regular Expressions

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

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

4.Download download属性

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

<a href=http://www.divcss5.com/html5/"下载_pdf.php?id=15" 下载="myfile.pdf">Download PDF</a>

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" />


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1727.html转载请标明出处,谢谢合作!
标签:
  • HTLM5
  • 加载
  • 处理
  • 由于
  • 1.DNS
  • 预先
  • DN