html中列表与标签的设置

文本标签的使用

1.em和strong
-这两个标签都表示一个强调的内容
em主要表示语气上的强调，em在浏览器中默认使用斜体
strong表示强调的内容，比em更强烈，默认使用粗体
例如

<p>今天<em>天气不错</em>！</p>
<p>今天<strong>日子好</strong>！</p>

结果为

em 表示强调，strong 表示更强烈的强调。

em 用来局部强调，strong 则是全局强调。从视觉上考虑，em 的强调是有顺序的，阅读到某处时，才会注意到。strong 的强调则是一种随意无顺序的，看见某文时，立刻就凸显出来的关键词句。斜体和粗体刚好满足了这两种视觉效果，因此也就成了 em 和 strong 的默认样式。

em 表示内容的着重点（stress emphasis），strong 表示内容的重要性（strong importance），strong 不会改变所在句子的语意，em 则会改变所在句子的语义。

strong 表示的是重要性上的强调，不会引起句子意思的变化。最后注意 em 和 strong 都可以有多重，比如可以用两个 strong 来表示内容很重要。

可以看出，第二个层次上所说的局部强调和全局强调是不够准确的。em 和 strong 区别的玄妙处，在 HTML5 草案里才得到淋漓尽致的阐释。推荐大家有时间的时候，仔细阅读 HTML5 草案。有很多元素的语义，都阐释得非常清楚，对于我们如何在最恰当的地方使用最恰当的标签，非常具有价值。

em 是句意强调，加与不加会引起语义变化。

strong 是重要性强调，和局部还是全局无关，局部强调用strong也可以，strong强调的是重要性，不会改变句意。
2.i标签 b标签和strong标签
i标签中的内容是斜体
b标签内容会以加粗显示
单从显示效果来看，在不额外添加css的情况下，i和em标签包围的文字将会以斜体呈现，b和strong标签包围的文字则会加粗显示。如图

效果如下：

根据规范来看，em和strong的语义情景很明显，b和i的理解还是有些晦涩，个人的理解是：

1、em会对文本含义有改变作用，类似读一句话时重读某一个字或词会表达不一样的意思一样。

2、strong会突出包含文本的重要性、严重性和紧急性等。

3、i标签为了表示不同语态或特性的文本，有点像文字排版里面的那些用斜体表示的内容（技术术语、外语习语这些排版会有不同的内容）。

4、b标签主要是为了突出显示关键词、产品名称等；

b标签的语义规范也是很模糊，所以也是不太建议用。

列表的设计

主要分为以下3种列表
1.无序列表
2.有序列表
3.定义列表

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<html>
<body>
<h4>一个无序列表：</h4>
<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>
</body>
</html>

结果显示

有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<!DOCTYPE html>
<html>
<body>

<ol>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>
</body>
</html>

结果

html+css 3