成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

三個不常見的 HTML5 實用新特性簡介

瀏覽:202日期:2022-06-02 14:56:27

一、DNS 預(yù)解析緩存

眾所周知,解析 DNS 是網(wǎng)站性能優(yōu)化的比較重要的一部分,雖然加載時間不太長,但是很難壓縮起來。特別是為了并發(fā)下載資源而使用多個 CDN 域名來加載資源的大型網(wǎng)站,更不可忽視,每加載資源之前都要先進行 CDN 域名的 DNS 解析轉(zhuǎn)換。
如果采用 DNS 預(yù)加載,支持該功能的瀏覽器就會提前對該域名進行 DNS 解析并且緩存一下,而不會在需要請求資源再進行解析。而且這個功能應(yīng)用實在是太簡單:
復(fù)制代碼 代碼如下:
<link rel="dns-prefetch" >
<link rel="dns-prefetch" >

淘寶網(wǎng)就應(yīng)用了這項技術(shù),你可以打開淘寶網(wǎng),查看源代碼,最頂端就把他們的一些 CDN 服務(wù)器進行了 DNS 解析緩存。


二、資源預(yù)加載

資源預(yù)加載有很多辦法,例如常見的圖片預(yù)加載,有采用 CSS 的背景圖片來預(yù)加載,大部分還是用 JS。目前 HTML5 提供了專門的資源預(yù)加載方法,有兩個屬性:prefetch(預(yù)讀?。┖?prerender(預(yù)渲染),分別被 Firefox 和 Chrome 瀏覽器支持。

1).PREFETCH 預(yù)讀取
預(yù)讀取就是很常見的資源預(yù)加載,當(dāng)前頁面加載完成之后,就會在后面偷偷的下載你指定的資源,一般是 JS 、CSS 和 圖片 這類的,也可以下載頁面:
復(fù)制代碼 代碼如下:
<link rel="prefetch" />
<link rel="prefetch" />
<link rel="prefetch alternate stylesheet" href="mozspecific.css" />

注意,目前 Firefox 瀏覽器支持這個功能。

2).PRERENDER 預(yù)渲染
這個更厲害了,不僅偷偷的提前下載,而且還給你渲染出來,當(dāng)用戶點擊鏈接的時候,立刻給你展現(xiàn)出來。

復(fù)制代碼 代碼如下:<link rel="prerender" />

注意,目前 Chrome 支持這個功能。

搜素引擎其實是最需要這種預(yù)讀取的功能的,因為他們非常確定用戶下一步要打開的頁面(搜索結(jié)果頁面),所以當(dāng)用戶輸入搜索內(nèi)容的時候,就可以提前把搜索結(jié)果頁面的資源提前加載,而且應(yīng)用之后,效果十分明顯。

目前兼容性是個缺點,貌似只有 Chrome 和 Firefox 支持,而且用的 rel 屬性是不同的,如果你想同時兼容兩個瀏覽器,可以寫成下面這樣:

復(fù)制代碼 代碼如下:<link rel="prefetch prerender" />

此外,當(dāng)然為了安全沒法跨域預(yù)加載資源,可能沒法用在 CDN 了。

三、Download 屬性

HTML5 的 Download 屬性用來強制瀏覽器下載對應(yīng)文件,而不是打開。Chrome 和 Firefox 等瀏覽器太過于強大,也許是為了增強用戶體驗,當(dāng)用戶點擊的資源文件可以被它們識別的時候(例如 pdf 會直接在瀏覽器打開,mp3、mp4 等媒體直接用瀏覽器內(nèi)置播放器播放)。但有時候,用戶其實是希望直接下載而不是在瀏覽器上看看,這時就可以加上這個屬性,屬性值會對下載的文件重命名:
復(fù)制代碼 代碼如下:
<a href="downloadpdf.php" download="download.pdf">點擊直接下載并保存成 download.pdf 文件</a>

如果你確定這個資源是用戶肯定會下載的,就可以加上這個屬性,還可以用 JS 或者手動改變想要保存的文件名。


HTML5 還有很多其他特性,但是看了很長時間書和各種資料,很少見到上面三個又比較實用的屬性,拿出來分享一下。

標(biāo)簽: CSS HTML
相關(guān)文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
亚洲色图欧美激情| 色综合中文字幕国产 | 精品捆绑美女sm三区| 精品制服美女久久| 日本韩国欧美在线| 亚洲成a人片在线观看中文| 99精品视频免费全部在线| 中文字幕亚洲区| 国产精品扒开腿做爽爽爽软件| 国产日韩综合av| 欧美a级片网站| 国产日韩欧美电影| 欧美片网站免费| 中文字幕中文字幕在线一区 | 亚洲乱码国产乱码精品精98午夜 | 亚洲视频中文字幕| 亚洲精品激情| 一区二区成人在线观看| 国产欧美日本| 亚洲尤物视频在线| 亚洲欧美高清| 日韩激情视频网站| 欧美在线视频日韩| 国精品**一区二区三区在线蜜桃| 欧美日韩一区二区欧美激情| 国产自产v一区二区三区c| 欧美一卡二卡三卡| www.久久久久久久久| 久久综合久久综合久久| 欧美日韩精选| 亚洲日本va在线观看| 国产日韩欧美二区| 偷拍亚洲欧洲综合| 在线免费观看日本一区| 国产精品综合久久| 久久你懂得1024| 黄色一区三区| 亚洲一二三四久久| 欧美在线综合视频| 国产成人午夜99999| 久久精品欧美日韩精品 | 免费视频一区二区| 欧美一区二区网站| 色综合亚洲欧洲| 日韩理论电影院| 久久久夜精品| 国产成人啪午夜精品网站男同| 国产日韩欧美精品一区| 亚洲理伦在线| 强制捆绑调教一区二区| 日韩美女主播在线视频一区二区三区 | 久久99精品久久只有精品| 制服丝袜一区二区三区| 色综合天天综合色综合av| 亚洲天堂a在线| 色欧美乱欧美15图片| 国产成人夜色高潮福利影视| 久久久精品国产免费观看同学| 亚洲精品一区二区三| 奇米色一区二区三区四区| 欧美一区二区三区思思人| 色综合久久中文综合久久97| 亚洲精品自拍动漫在线| 在线免费观看日韩欧美| 99综合电影在线视频| 一区二区三区国产豹纹内裤在线| 色8久久人人97超碰香蕉987| 成人晚上爱看视频| 亚洲日本va午夜在线电影| 欧美在线小视频| 99久久精品国产导航| 亚洲精选免费视频| 欧美福利视频导航| 国内精品亚洲| 美女被吸乳得到大胸91| 久久久久国色av免费看影院| 欧美专区一区二区三区| 成人精品视频网站| 亚洲综合成人在线视频| 日韩一区二区在线播放| 国产日本精品| 国产二区国产一区在线观看| 亚洲欧美视频在线观看视频| 91精品国产综合久久久久| 亚洲欧洲午夜| 国产精品夜夜爽| 亚洲欧美成人一区二区三区| 欧美在线观看一区| 欧美日韩亚洲一区| 蜜桃91丨九色丨蝌蚪91桃色| 久久久久久9999| 老司机精品视频网站| 欧美黄在线观看| 日韩av一级电影| 欧美激情一二三区| 欧美三级电影在线观看| 黄色成人精品网站| 国产一区二区三区四| 亚洲精品美腿丝袜| 欧美本精品男人aⅴ天堂| 嫩草成人www欧美| 91欧美激情一区二区三区成人| 香蕉av福利精品导航| 久久综合久久综合亚洲| 色噜噜狠狠一区二区三区果冻| 欧美成熟视频| 精品无码三级在线观看视频| 亚洲欧美日韩久久精品| 26uuu久久天堂性欧美| 色八戒一区二区三区| 亚洲二区三区四区| 国产aⅴ综合色| 五月综合激情网| 国产欧美一区二区三区网站| 欧美欧美午夜aⅴ在线观看| 国产精品入口66mio| 女同性一区二区三区人了人一| 六月丁香婷婷色狠狠久久| 亚洲欧美视频一区| 久久这里只有精品视频网| 欧美视频一区二区| 国产女主播一区二区| 91丨porny丨首页| 精品一区二区三区欧美| 亚洲国产精品久久久久秋霞影院 | 蘑菇福利视频一区播放| 91论坛在线播放| 国内外成人在线视频| 亚洲国产精品久久久男人的天堂| 国产精品美女视频| 日韩视频123| 欧美日韩一卡二卡| 亚洲欧美日韩综合国产aⅴ| 91麻豆精品一区二区三区| 国产精品主播直播| 日韩精品欧美精品| 亚洲激情图片小说视频| 国产精品国产精品国产专区不蜜 | 欧美日韩亚洲一区二区三区在线观看| 国产精品综合网| 日韩电影在线一区二区| 一区二区三区中文字幕在线观看| 国产亚洲综合在线| 欧美一卡2卡三卡4卡5免费| 色94色欧美sute亚洲线路一ni| 国产精品视频福利| 亚洲五月婷婷| 欧美 日韩 国产精品免费观看| 国产乱子伦视频一区二区三区| 蜜臀久久99精品久久久久久9| 亚洲综合在线五月| 亚洲三级电影全部在线观看高清| 国产精品女上位| 国产午夜精品一区二区三区视频| 日韩美女主播在线视频一区二区三区| 在线91免费看| 欧美理论在线播放| 欧美精品三级在线观看| 欧美色综合网站| 欧美综合在线视频| 在线免费av一区| 欧美性大战久久| 在线看日本不卡| 欧美视频一区二区| 欧美少妇bbb| 欧美日韩久久不卡| 欧美福利一区二区| 欧美一区二区国产| 精品日韩99亚洲| 精品国产亚洲在线| 久久这里只有精品6| 久久久久久免费网| 国产日产欧产精品推荐色| 国产欧美一区二区三区在线老狼| 国产日韩欧美精品综合| 欧美韩日一区二区三区四区| 中文字幕的久久| 国产精品国产三级国产aⅴ无密码 国产精品国产三级国产aⅴ原创 | 日韩视频中午一区| 精品三级av在线| 久久久一区二区三区| xf在线a精品一区二区视频网站| 26uuu色噜噜精品一区二区| xvideos.蜜桃一区二区| 久久综合久久综合九色| 久久这里只有精品首页| 欧美国产欧美综合| 亚洲少妇30p| 亚洲国产精品影院| 青青草国产成人av片免费| 久久69国产一区二区蜜臀| 国产在线精品不卡| 国产精品99久| 99re热视频这里只精品| 欧美阿v一级看视频| 在线高清一区| 国产精品欧美日韩一区| 91国偷自产一区二区开放时间| 色狠狠综合天天综合综合| 欧美丝袜第三区|