資訊專欄INFORMATION COLUMN
摘要：元素規定了外部資源與當前文檔的關系。常用于鏈接樣式表，創建網站圖標，預加載資源等。那么我們就可以在標簽設置字體的。注意當界面加載時，兩個樣式表都會下載到客戶端，只是會根據場景不同使用不同的樣式。標簽的和屬性的區別和目的引用一步前端
link元素規定了外部資源與當前文檔的關系。常用于鏈接樣式表，創建網站圖標，預加載資源等。
鏈接樣式表? 創建站點圖標 預加載用于前端界面性能優化，rel 的屬性值可以為preload、prefetch、dns-prefetch。
prefetch 預獲取
用戶在使用當前界面時，瀏覽器空閑時先把下個界面要使用的資源下載到本地緩存。瀏覽器下不下載不可知。
舉個例子： 網站有A，B 兩個界面。當用戶訪問界面 A 時有很大的概率會訪問 B 界面（比如登錄跳轉）那么我們可以在用戶訪問界面 A 的時候，提前將 B 界面需要的某些資源下載到本地，性能會得到很大的提升。那么我們只需要在界面 A.html 文件中設置如下代碼：
控制當前界面的資源下載優先級，瀏覽器必須下載資源。
舉個例子： 網站的一個界面 A的 css 樣式文件中使用了外部字體文件，正常情況下該字體的下載是在 css 解析的時候完成的。想想字體文件好像在 css 樣式文件解析之前下載到本地比較好。那么我們就可以在head標簽設置字體的 preload。
按照字面理解即可，先把要跳轉的域名解析，減少時間。
關注的頁面不同： prefetch 關注要使用的頁面，preload 關注當前頁面
資源是否下載：prefetch 的資源下載情況未知（只在瀏覽器空閑時會下載），preload 肯定下載
media 屬性media 屬性規定被鏈接文檔將顯示在什么設備上。
注意： 當界面加載時，兩個樣式表都會下載到客戶端，只是會根據場景不同使用不同的樣式。
script 標簽的 async 和 defer 屬性的區別和目的？
preload & prefetch
一步前端
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54971.html
摘要：語義化是指僅僅從元素上就能看出頁面的大致結構。表述類縮寫表示整段話的引用表示一行文字的引用表示引述作品名兩個標簽結合使用，來定義圖文。黃浦江上的的盧浦大橋元素可定義預格式化的文本。在語義上表達是段代碼。 HTML語義化是指僅僅從 HTML 元素上就能看出頁面的大致結構。我們比較習慣使用 div、span 來壘頁面，視覺上沒啥問題，文字既內容，html 標簽只被 css 樣式所用，單從 ...
摘要：標簽的個屬性。緩存所有響應，但并非必須。只為單個用戶緩存，因此不允許任何中繼進行緩存。比如說就不允許緩存的響應表示當前請求開始，該響應在多久內能被緩存和重用，而不去服務器重新請求。 meta簡介 網頁元數據，常用于定義網頁的編碼、說明、關鍵字、修改日期及其他信息。這些數據服務于瀏覽器、搜索引擎等。 meta 標簽的2個屬性name, http-equiv。 。 name 屬性 ...
閱讀 1579·2021-10-18 13:35
閱讀 2359·2021-10-09 09:44
閱讀 813·2021-10-08 10:05
閱讀 2707·2021-09-26 09:47
閱讀 3560·2021-09-22 15:22
閱讀 427·2019-08-29 12:24
閱讀 1993·2019-08-29 11:06
閱讀 2853·2019-08-26 12:23
