含義
此元素可告知瀏覽器其自身是一個(gè) HTML 文檔。
屬性
- manifest 緩存，和webpack-dll-plugin的manifest.json功能有一點(diǎn)像，但實(shí)現(xiàn)原理是不是一樣用這個(gè)manifest屬性暫時(shí)還不知道。
manifest.json文件是我們打包依賴庫(kù)（lib.js)的說(shuō)明，用于告訴webpack在打包自己的js的時(shí)候（bundle）依賴的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大概類似于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>
可以不寫，瀏覽器會(huì)自動(dòng)填充。
