10 语义化标签

10.1 没有语义的布局标签

• <div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的
• div 是 division 的缩写，表示分割、分区；span 意为跨度、跨距
• <div> 标签用来布局，但是现在一行只能放一个<div>，是大盒子
• <span>标签用来布局，一行上可以多个<span>，是小盒子

• 代码：

    普通文字
    <div>这是div标签</div>
    <div>这是div标签</div>
  
    <span>这是span标签</span>
    <span>这是span标签</span>
  

• 显示效果：

  

10.2 HTML5 新增的语义化标签

• 在HTML5新版本中，推出了一些有语义的布局标签供开发者使用，这些标签是在移动端使用的

• 注意点：以上标签显示特点和div一致，但是比div多了不同的语义