html语义化标签

header 表示头部（容器）
nav 导航菜单栏（容器）
footer 表示底部（容器）
section 有明确主题的块（容器）
asdie 侧边栏（容器）
article 文章（容器）
hgroup 标题组，用来装2个以上的标题（容器）
address 地址栏（块级元素）
mark 重点标记（行内元素）
table： thead 表头
        tbody 表体
        tfoot 表尾

SEO优化：搜索引擎优化

1、注重感语义化标签的使用

Emmet语法

> 父子关系
+ 兄弟关系
*n n个
# id
. class
[属性名="属性名" 属性名2="属性名2"] 可以给元素指定的属性名，不是中文属性值不用写双引号，两个属性间用空格隔开
id/类名后加$*n 生成：id/类名1....id/类名n
() 元素分组
^ 跳到上一级，不常用
单标签：没有闭标签，不能嵌套子元素
        例：<br>、<hr>、<img>
双标签：可以嵌套子元素，有闭标签
        例：<div>子元素</div>