《HTML5与CSS3基础教程》第四章学习笔记 文本

第4章 文本

选择元素不是为了使用其样式，而是为了描述内容，比如不能为了让文字变成斜体就使用em,em是用来标记强调的文本的。

4.1 添加段落

• <p>:HTML会忽略你在文本编辑器中输入的回车符和其他额外的空格。要在网页中开始一个新的段落，应该使用p元素

4.2 指定细则

• small表示细则一类的旁注（side comment），“通常包括免责声明、注意事项、法律限制、版权信息等。有时我们还可以用它来表示署名，或者满足许可要求。”

small通常是行内文本中的一小块，而不是包含多个段落或其他元素的大块文本

1.例子一：

Order now to receive free shipping. (Some restrictions may apply.)

2.例子二：

© 2013 The Super Store. All Rights Reserved.

在上面的两个例子中，我们用small元素来表示简短的法律声明。在第二个例子中，small表示的是包含在页面级footer里的版权声明，这是一种常见的用法

提示　用small标记页面的版权信息是一种常见的做法。不过，small只适用于短语，因此不要用它标记长的法律声明，如“使用条款”和“隐私政策”页面。根据需要，应该用段落或其他语义标签标记这些内容。

4.3 标记重要和强调的文本

• strong元素：表示内容的重要性。
• em元素：表示内容的着重点。

This is my pen.I like it.

提示　不要使用b元素代替strong，也不要使用i元素代替em。尽管它们在浏览器中显示的样式是一样的，但它们的含义却很不一样

HTML5中重新定义的b和i元素
HTML5强调元素的语义，而非表现。b和i元素是早期HTML遗留下来的产物，它们分别用于将文本变为粗体和斜体（那时CSS还未出现）。HTML4和XHTML1当然抛弃了它们，因为它们本质上是用于表现的。当时的规范建议编码人员用strong替代b，用em替代i。不过，事实证明，em和strong有时在语义上并不合适。为此，HTML5重新定义了b和i。
传统出版业里的某些排版规则在现有的HTML语义中还找不到对应物，其中就包括用斜体表示植物学名（如“Ulmus americana is the Massachusetts state tree.”）、具体的交通工具名称（如“We rode the Orient Express.”）及外来语（如“The couple exhibited a joie de vivre that was infectious.”）。这些词语不是为了强调而加上斜体的，只是样式上的惯例。
为了应对这些情况，HTML5没有创建一些新的语义化元素（进一步把事情搞复杂），而是采取了一种很实际的做法，直接利用现有元素：em用于所有层次的强调，strong用于表示重要性，而其他情况则使用b和i。
这意味着，尽管b和i并不包含任何明显的语义，但读者仍能发现它们与周边文字的差别。而且你还可以通过CSS改变它们粗体或斜体的样式。HTML5强调，b和i应该是其他元素（如strong、em、cite等）都不适用时的最后选择。
b元素简介
HTML5将b重新定义为：
b元素表示出于实用目的提醒读者注意的一块文字，不传达任何额外的重要性，也