20220713 语义化标签emmet语法

159 阅读1分钟

语义化标签

容器类:

  1. header——头部
  2. footer——底部
  3. section——有明确主题元素
  4. nav——导航菜单栏
  5. aside——侧标栏
  6. article——文章
  7. hgroup——标题组(用于装多个标题)

其他:

  • address——地址(块元素)
  • mark——重点标记(行内元素)

emmet语法

  1. >——父子关系
  2. +——兄弟关系
  3. *n——乘以n个
  4. #——id(元素唯一标记,id不可重名)
  5. .——class(给元素一个类名,可以重名)
  6. [属性名=“属性名”]——可以给元素的属性命名(中文要加双引号,英文不需要)
  7. $——id或class加上这个后可以出现类似于有序列表的效果
  8. ()——元素分组使用,括号里的为整体最靠外的使用兄弟选择器就是他的兄弟
  9. ^——跳到上一级,可以使用多个(不建议使用)