一、HTML结构组成

1、文档标签

head里包含meta和title和style等标签

（1）< meta >标签

定义有关页面的元信息，如针对搜索引擎和更新频度的描述，

包含两属性：

charset="utf-8" 设置字符集
http-equiv属性：相当于http头文件的作用，向browser传回一些有用信息。content来规定属性内容。

<meta http-equiv="Refresh",content="5;URL">  告诉browser，在5s后跳转到url。
Pragma           no-cache  设置缓存有效期
Expires          设定网页的到期时间
Set-Cookie       cookie设定

name属性：描述网页。content来规定属性内容。

<meta name="author",content="zhangsan">  告诉搜索引擎页面作者是张三
name = viewport   视口，用作适配

（2）< base >标签

定义页面上的所有链接的默认地址

（3）< Link >标签

文档与外部资源的关系

@import和link引入样式的区别

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" rev="stylesheet" href="myCss.css" type="text/css" > 
        <style type="text/css" >   
            @import url("./myCss.css");   
        </style> 
    </head>
</html>

@import写法：@import url(style.css) 和@import url("style.css")是最优的选择，兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐

区别	@import	link
定义	CSS 提供的语法规则，只有导入样式表的作用	HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等
加载顺序	`@import`引入的 CSS 将在页面加载完毕后被加载。	`link`标签引入的 CSS 被同时加载
兼容性	CSS2.1语法，只可在IE5+才能识别	不存在兼容性
DOM可控性	不可以	可以通过 JS 操作 DOM ，插入`link`标签来改变样式
	`link`引入的样式会覆盖掉`@import`引入的样式

（4）< style>标签

文档样式

（5）< script>标签

定义client脚本

2、alt是干啥的

无法显示图像，浏览器将显示替代文本
为图像添加了描述性文本

二、html、html5和H5区别

H5不等于html5，html5是html的第五代标准
H5是产品名词，html是技术名词
H5是由html5编写，如< time >定义日期，< canvas >定义图形，作为容器，用脚本绘制，< video >、< audio >等

总结

觉得写得好的，对你有帮助的，可以分享给身边人，知识越分享越多，千万不要吝啬呀

后续更新promise相关基础和一些方法的底层原理实现总结，请关注我，整理好，分享给你们，我们一起学前端。

HTML文档结构组成