2022年7月13日 课堂笔记

                                          语义化标签

SEO优化：搜索引擎优化，更快的让用户搜索到自己的网站

header:容器        footer:容器,用于底部        section:容器,有明确主题的块        nav:导航,菜单栏

aside:容器,侧标签        address:块级元素        mark:重点标记,行内元素        article:容器,文章

hgroup:容器,标题组,用来装2+个标题        

emmet语法

>父子关系        +兄弟关系       *n N个多个的意思       # id    （）元素分组        ^跳到上一级

属性名(alt button等)="属性值(自己设定)"]可以给元素指定的属性名

 id/类名$*n生成:id/类名/...id/类名n

例如:input[type=text]+input[type=button空格name="好"]+img[alt="图片错误"]

例如:header#header1(可以换上你自己想要的ID名)>nav.类名>img[alt="图片错误"]+ul>li.类名

$*4

例如:header>nav>img+ul>li*4>a