HTML标签之html

含义

此元素可告知浏览器其自身是一个 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吧,目录结构如下图示所示:


image.png

然后我的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
看完感觉有一个掌握,知道是怎么回事,但是还是知其然不知其所然。

image.png

在来看看mdn对这个属性的介绍
image.png

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>

可以不写,浏览器会自动填充。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,733评论 4 61
  • 前言 Android项目中WebView是必不可少的,越来越开的迭代节奏导致越来越多的App采用混合开发,接着我们...
    半罐子晃阅读 5,942评论 0 4
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 4,268评论 0 4
  • 因为有你,我的世界完全改变 因为有你,不再畏惧黑暗 因为有你,让我彻底无欲无求 因为有你,让我跌倒后一次次站起来 ...
    清简如荷阅读 1,729评论 1 2
  • 还忆幼时的年华 山村古素 有泥土的芳香 聚于古朴墙院 落落无尘 湛湛清明 也安逸平和 草木知心 水之癖好 天上层 ...
    风梦明珠阅读 2,361评论 0 3

友情链接更多精彩内容