含义
此元素可告知浏览器其自身是一个 HTML 文档。
属性
- manifest 缓存,和webpack-dll-plugin的manifest.json功能有一点像,但实现原理是不是一样用这个manifest属性暂时还不知道。
manifest.json文件是我们打包依赖库(lib.js)的说明,用于告诉webpack在打包自己的js的时候(bundle)依赖的Lib库,不在把这些包也打进bundle中。
讲解manifest
官网介绍的推荐manifest属性对应的文件后缀是.appcache这样子的,和咱们平时开发中dll-plugin的manifest.json后缀不一样,正在研究他们是否有关系。
先来看看我的demo吧,目录结构如下图示所示:
然后我的html是这个样子的
<!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对应的缓存文件demo.appcache是这个样子的
CACHE MANIFEST
/theme.css
/main.js
我启动本地服务器报了一个https的警告,看文档是需要服务端支持的,因为暂时没有学习到服务端配置所以这里我先看看网上别人的博客啦。
https://www.cnblogs.com/lishalom/p/HTML.html
看完感觉有一个掌握,知道是怎么回事,但是还是知其然不知其所然。
在来看看mdn对这个属性的介绍
Specifies the URL of the document's cache manifest.
指定文档缓存清单的URL,好吧,和没说一样,还是不懂原理,等后面能力上来了在继续研究它的原理吧
- xmlns属性
首先说说xhtml和html,xhtml大概类似于html4版本,在如今的Html5时代,这里我也不花费大量精力去研究这个东西了,简单了解一下即可。
// 一个简单的 XHTML 文档,带有最少的必需标签:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
可以不写,浏览器会自动填充。