语义

语义

1. 使用html标签时，应该关注的是标签的语义，而不是它的样式

2. 标题标签h1~h6一共六级，重要性递减，一般情况下只会用到h1~h3（属于块元素）

3. hgroup 标签用于标题分组，可将一组相关的标题放到hgroup当中

4. p标签为段落标签（属于块元素）（p标签中不能放任何的块元素）

5. em标签为语义标签，用于强调语气（属于行内元素）

6. strong标签用于强调重要性（属于行内标签）

7. blockquote 长引用标签，常用于引用一段话，和一个网站

8. q 短引用标签

9. br 换行标签

   <h1></h1>
   <hgroup></hgroup>
   <em></em>
   <p></p>
   <blockqute></blockqute>
   <q></q>

    

• 块元素（block element）在网页中通过块元素对页面布局

• 行内元素（inline element）行内元素主要用来包裹文字

• （一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素）

• （p标签中不能放任何的块元素）

布局标签

布局标签（结构话语义）

header表示网页头部

main表示网页主体部分（一个网页只能有一个主体部分）

footer表示网页的底部

<header></header>
<main></main>
<footer></footer>

nav表示网页中的导航部分

aside表示网页中主体相关的其他内容（侧边栏）

article表示一个独立的文章

section表示一个独立的区块，上边的标签都不能显示时，使用section

<nav></nav>
<saide></saide>
<article></article>
<section></section>

目前常用的标签为div，上面的用的都比较少，有的几乎不用

div没有语义，就是用来表示一个区块，目前div还是我们主要的布局元素

span为行内元素，没有任何语义，一般用于在网页中选中文字

<div></div>
<span></span>