含義
此元素可告知瀏覽器其自身是一個(gè) HTML 文檔。
屬性
- manifest 緩存,和webpack-dll-plugin的manifest.json功能有一點(diǎn)像,但實(shí)現(xiàn)原理是不是一樣用這個(gè)manifest屬性暫時(shí)還不知道峦萎。
manifest.json文件是我們打包依賴(lài)庫(kù)(lib.js)的說(shuō)明,用于告訴webpack在打包自己的js的時(shí)候(bundle)依賴(lài)的Lib庫(kù)忆首,不在把這些包也打進(jìn)bundle中爱榔。
講解manifest
官網(wǎng)介紹的推薦manifest屬性對(duì)應(yīng)的文件后綴是.appcache這樣子的,和咱們平時(shí)開(kāi)發(fā)中dll-plugin的manifest.json后綴不一樣糙及,正在研究他們是否有關(guān)系详幽。
先來(lái)看看我的demo吧,目錄結(jié)構(gòu)如下圖示所示:
image.png
然后我的html是這個(gè)樣子的
<!DOCTYPE html>
<html manifest="demo.appcache" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./theme.css">
<script src="./main.js"></script>
</head>
<body>
</body>
</html>
manifest對(duì)應(yīng)的緩存文件demo.appcache是這個(gè)樣子的
CACHE MANIFEST
/theme.css
/main.js
我啟動(dòng)本地服務(wù)器報(bào)了一個(gè)https的警告浸锨,看文檔是需要服務(wù)端支持的唇聘,因?yàn)闀簳r(shí)沒(méi)有學(xué)習(xí)到服務(wù)端配置所以這里我先看看網(wǎng)上別人的博客啦。
https://www.cnblogs.com/lishalom/p/HTML.html
看完感覺(jué)有一個(gè)掌握柱搜,知道是怎么回事迟郎,但是還是知其然不知其所然。
image.png
在來(lái)看看mdn對(duì)這個(gè)屬性的介紹
image.png
Specifies the URL of the document's cache manifest.
指定文檔緩存清單的URL聪蘸,好吧宪肖,和沒(méi)說(shuō)一樣表制,還是不懂原理,等后面能力上來(lái)了在繼續(xù)研究它的原理吧
- xmlns屬性
首先說(shuō)說(shuō)xhtml和html控乾,xhtml大概類(lèi)似于html4版本么介,在如今的Html5時(shí)代,這里我也不花費(fèi)大量精力去研究這個(gè)東西了蜕衡,簡(jiǎn)單了解一下即可壤短。
// 一個(gè)簡(jiǎn)單的 XHTML 文檔,帶有最少的必需標(biāo)簽:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
文檔內(nèi)容......
</body>
</html>
可以不寫(xiě)慨仿,瀏覽器會(huì)自動(dòng)填充久脯。