块级元素 行内元素

块级元素的特点

• 块级元素会独占一行
• 可以设置宽高

• 可以容纳内联元素和其他块级元素

  常见块级元素

  div p ul ol li h1~h6

  行内元素的特点

• 不独占一行

• 不能设置宽高

• 默认宽度就是本身的宽度

  常见行内元素

  a strong br em span

  行内块元素的特点

• 和相邻的行内元素（行内块）在一行上，但是中间会有空白的间隙

• 默认的宽度就是本身内容的宽度

• 可以设置宽高

  行内块元素

  img input td

  布局标签（结构化语义标签）

• header

• main
• footer 底部
• nav 导航
• aside 侧边栏
• article

• section 其他

  audio

  <audio> src="" controls autoplay loop></audio>

• controls-是否允许用户控制

• autoplay-在打开页面时自动播放
• loop-是否循环播放