一、结构标签
<beader>: 网页的头部
<main>: 网页的主体部分(一般就一个)
<footer>: 网页的底部
一般情况,一个页面只有一个header,main,footer
<nav>: 网页的导航
<aside>: 和主页相关的内容,侧边栏
<article> 文章之类的
<section> 文档中的节,上面的标签都不合适,就用这个(和div类似 没有语义)
二、常用标签
1、h1~h6: 标题标签
语义:用标题标签包裹的内容就是标题
作用:也可以帮助SEO部门做推广,重要性仅次于title标签
而且h1~h6语义是逐步降低的,h1语义最重要
2、p: 段落标签
语义:段落标签用于表示内容中的一个自然段
默认样式:独占一行,行与行之间有较大的间隔
注意:特殊的标签,它只能用来包裹文字或者图片
3、hgroup
为标题标题分组,可以将一组相关的标题同时放到hgroup
样式上,没有区别
4、em
语义:语音语调的强调
默认样式:字符变斜体 不会独占一行
5、strong
语义:强调内容重要性
默认样式:字体加粗,不会独占一行
6、blockquote
长引用 会换行
默认样式:引用的的文字前会间隔
7、q
短引用
默认样式:引用的内容加了双引号
8、br
换行标签 强制换行 (单标签)
9、hr
分割线 (单标签)
10、del
用来表示一个删除的内容
11、center
居中 独占一行
12、div
布局 没有任何意义的元素/标签
13、span
没有任何语义,一般用来包裹文字 不会独占一行