根据语义选择标签，不要根据样式选择

标签分级

文本级标签：只放文字、图片和表单元素

          p、span、em、strong、i、a、sup、sub（b、center不要使用了）、img

容器级标签：布局

          div，h系列标签，ul、li，ol、li，dl、dt、dd

常用的标签

1、<p></p>：段落标签
2、<span></span>：跨度（单独给写文字设置样式）
3、<em></em>：字体倾斜，有强调作用，局部强调（不要因为字体倾斜而使用，其主要作用是强调）
4、<strong></strong>：字体加粗，有强调作用，是全局强调（不要因为字体加粗而使用，其主要作用是强调）
5、<i></i>：表示在描述普通文本中突出的不同的意见或者语气，一个类名称，一个技术术语，谚语（主要用在一些小图标上）
6、<a href=""></a>：超链接，锚
7、sup：上标
8、sub：下标

标题标签

1、<h1></h1>：一个网页最多使用一次，而且在网页的最前面，写时，最接近title
h2、h3、h4、h5、h6
2、ul、li 无序列表
应用场景：1、导航栏 2、放置多内容，组成相同的区域（无序列表ul下一级只能使用无序列表项li，li下一级可以使用任意标签，当然也可以嵌套ul）
3、ol、li 有序列表
应用场景：带有顺序的（有序列表ol下一级只能使用有序列表项li，li下一级可以使用任意标签，当然也可以嵌套ul）
（无序列表可以替代有序列表）
4、dl、dt、dd 定义列表

<dl>                    定义列表
    <dt></dt>           列表标题
    <dd></dd>           列表项，也是标题的描述（可多条）
</dl>

应用场景：1、对某一东西的描述（如京东商城页面下方的指南）（列表中一般不会在嵌套）
5、img：只能放图片，单标签，功能比较简单
6、div：盒子，最大的块，什么都可以放