2022-7-13/html基础/语义化/emmet语法

126 阅读1分钟

语义化

SEO优化 :收索优化,更快的收索到自己的网站或内容

header ;容器,表示表头

footer ;容器,表底(底部)

section ; 容器,有明确主题(鲜明主题)使用

nav ; 容器,导航菜单栏

aside ;容器,侧边栏

address ;块级元素,地址(需要用地址时使用)

mark ;行内元素,记号(就是选中的文字有高亮效果)

rticle ;容器 ,文章

hgroup ; 容器 ,标题组,用来装两个以上的标签(h1~h6是标签)

emmet语法

下一级 ; >

id(唯一的) ; #

class(类名,可以重复有多个) ; .

兄弟(同级关系) ; +

乘以多个 ;*

[属性名:"属性值"] 可以给元素指定的属性名命名(属性值里面的双引号,中文状态下一定要加); [ ]

id或class类名加上这个之后可以出现类似于有序列表的效果 ;$

跳到上一级 ; ^ (不常用)

元素分组,括号里的为一个整体,在括号外使用是一个兄弟关系

例如: input[type=txte]+input[type="button"]+input[type=submit]+input[type="checkbox"]+input[type="radio" name='radio']+(celect[name='' id=""]>option[value=''])+textarea