HTML5常用标签

一、结构标签

 <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

       没有任何语义，一般用来包裹文字 不会独占一行