语义化
看着标签就知道内容描述的是什么
优点：有利于爬虫或者其他设备阅读屏幕
有利于代码结构组织
常见的：
section元素，表示页面中的一个内容区块。
article元素，表示页面中的一块与上下文不相关的独立内容。
aside元素，表示article元素的内容之外的，与article元素的内容相关的辅助信息。
header元素，表示页面中一个内容区块或整个页面的标题。
hgroup元素，用于对整个页面或页面中一个内容区块的标题进行组合。
footer元素，表示整个页面或页面中一个内容区块的脚注。
nav元素，表示页面中导航链接的部分。
figure元素，表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。
video元素，定义视频。
audio元素，定义音频。
元素标签区分
块级元素
独占一行，可以设置宽高，可以设置内外边距
div，h1-hn,p,ul,ol,dl,form,table
内联元素
排成一排，不可以设置宽高，上下内外边距（左右内外边距可以设置），宽度由内容撑开
a,span,strong,i,sup,sub，label(input元素定义标注)
行内块
两者特性都有,可以设置宽高，内外边距，共处一行
img,input
可替换元素
可以被替换的元素
如img,用获取到的图片替换img标签，宽高由内容决定，也可以用css控制宽高，位置。
MDN释义
可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。 简单来说，它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。一样被替换。但是其他形式的控制元素，包括其他类型的 <input> 元素，被明确地列为非可替换元素（non-replaced elements）。
典型的可替换元素有：
<iframe>
<video>
<embed>
<img>
有些元素仅在特定情况下被作为可替换元素处理，例如：
<option>
<audio>
<canvas>
<object>
<applet>
HTML 规范也说了<input> 元素可替换，因为 "image" 类型的 <input> 元素就像<img>一样被替换。但是其他形式的控制元素，包括其他类型的 <input> 元素，被明确地列为非可替换元素（non-replaced elements）。
meta:元信息
是HTML 语言头部的一个辅助性标签，常用于定义页面的说明，关键字，最后修改日期，页面编码语言，索引擎优化，自动刷新并指向新的页面，控制页面缓冲，响应式视窗等以及其它的元数据。
其他注意的
img
alt:用于图片由于网速缓慢或者其他错误导致图片无法显示，则会显示alt里的文字
title:当鼠标移动到图片上时会自动显示title里面的文字
a
herf（规定了页面的路径）
-
要跳转的页面地址
-
是能跳转到其他文件的。
-
对于zip这类文件执行的是下载。对于txt,pdf,执行的是预览。
-
能跳转到绝对页面地址。例：< a herf="http:baidu.com">< /a>
-
可以是Email地址。例：< a herf="email>请给我发送邮件< /a> to:"2603666984@qq.com"
-
可以是电话:< a herf="tel:18337921839">联系我们< /a>
target：(规定在什么地方打开连接)
-
_blank（在新窗口打开页面）
-
_self 这个是默认的（在当前窗口打开页面）
-
_parent(在父框架打开超链接)
-
_top(在整个窗口中打开页面)
title 鼠标悬停到元素的时候提示的文本
-
空链接(不做跳转)，例：
-
<a herf="#">空链接</a>（虽然不做跳转但可以回到顶部） -
<a herf ="javascript:0"<空链接</a>（点击既不会跳转也不会回到顶部） -
锚点链接，例：<a herf ="# +id">锚点链接</a> -