HTML
html是一种语言。告诉浏览器如何组织页面的标记语言
由一系列的元素组成
标签分类
元数据内容
可以修改文档其他部分的呈现或行为，建立与其它文档的链接，或者传达其它外带信息 这一类的元素有：<base> <command> <link> <meta> <noscript> <script> <style> <titile> developer.mozilla.org/zh-CN/docs/…
heade中有什么
HTML的头部是不会显示在web浏览器的
包含了诸如页面的title，指向css的链接（如果你选择用 CSS 来为 HTML 内容添加样式），指向自定义网页图标的链接和其它元数据（描述 HTML 的数据，比如作者和描述文档的重要关键词）等
metadata
元数据--用来描述数据的数据
meta
元数据元素
title
自定义图标
在HTML中应用css和js
css一般使用link；js一般使用script
<link rel="stylesheet" href="my-css-file.css" />
<script src="my-js-file.js" defer></script>
<script src="//baidu/html/base/assets/libs/seajs/sea-debug.js"></script>
为文档设置主语言
<html lang="zh-CN">
…
</html>
资源加载
资源加载的位置
通过优化资源加载位置，更改资源加载时机，是尽可能快的展示出页面内容，尽可能快的使功能可用
1、css文件放在head中，先外联css，后内联css
2、js文件放在body底部，先外联js，后内联js
3、处理页面，页面布局的js放在head中
4、body中间尽量不写style标签和script标签
tip：放在head中的js文件，在页面加载过程中就会读取，放在body下的js文件，在页面加载完成会被读取
资源加载时期
1、异步script标签：
defer：异步加载，在HTML解析完成后执行，与放在body底部leisi
async：异步加载，加载完成之后立即执行
2、模块按需加载
3、资源预加载preload和资源预读取prefetch
写了preload，没有写as，相当于异步加载
as的作用：浏览器可以设置正确的资源加载优先级，这种方式可以确保资源根据其重要性依次加载；preload as=“style” 将会获得比 as=“script” 更高的优先级
4、资源懒加载与资源预加载
