2021-11-03

一、html5文档类型和字符集
字符集：utf—8
文档类型：

二、bootstrap原理

通过定义容器的大小，平分为12份（也有24份，23份的，取12份是一打，表示进阶完美的意思），
再调整内外边距，最后结合媒体查询，制作出了强大的响应式网格系统。(可以通过重新编译LESS码源来修改12这个数值)。

三、视频播放

https://blog.csdn.net/weixin_42142062/article/details/117759388?ops_request_misc=&request_id=&biz_id=102&utm_term=html5%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%E5%8E%9F%E7%90%86&utm_medium=distribute.pc_search_result.none-task-blog-2_allsobaiduweb~default-2-117759388.142^v14rank_v32,157^v14control&spm=1018.2226.3001.4187

四、html5新功能
1.HTML5新特性
2.网页布局标签
3.语义化标签
4.HTML5多媒体
5.HTML5常用属性
6.表单组件
7.表单属性
8.input属性

五、离线应用manifest
使用离线存储的优点：
可以在离线状态下访问页面。
缓存的资源加载更快。
减少服务器加载 - 浏览器只从服务器上下载已更新/已更改的资源。
构成：
CACHE：罗列了所有离线使用所需的文件。
NETWORK：罗列了不需要被缓存的文件。
H5的离线存储需要配合服务端一起使用，在这里我们使用 node 启动一个简单的服务。
FALLBACK：缓存中没有页面时显示指定的 offline.html 文件。

1、在服务器上添加MIME TYPE支，让服务器能够识别manifest后缀的文件

AddType text/cache-manifest manifest

2、创建一个后缀名为.manifest的文件，把需要缓存的文件按格式写在里面，并用注释行标注版本

CACHE MANIFEST

直接缓存的文件

CACHE:

Path/to/cache.js

version：2012-03-20

3、给 标签加 manifest 属性，并引用manifest文件