HTML5与CSS3基础教程-第4章 文本

第4章 文本

《HTML5与CSS3基础教程（第8版）》 第4章读书笔记

• 2020/03/02

• small元素： 在H5中small元素标示指定细则（不是只小一号的字体）。通常包括免责声明、注意事项、法律限制、版权信息等。small通常使行内文本中的一小块，而不是包含多个段落或其他元素的大块文本。（p64）

• strong元素： （p64 - 67）

  • strong元素表示内容的重要性，浏览器通常以粗体表示。但不只是样式上的粗体，更代表语义上的重要性。
  • 不要使用b标签代替strong。
  • 可以嵌套使用，嵌套后内层的重要程度会提升。（只是语义提升，不是样式提升）。

• em元素： （p64 - 67）

  • em元素标识内容的着重点，浏览器通常以斜体标识。
  • 不要使用i标签代替em。
  • 语义方面同strong。

• H5对i和b元素的重新定义： （p66 - 67）

  • b和i应该是其他元素（strong、em、cite）都不适用时的最后选择。
  • h5将b元素重新定义为： 出于实用目的的提醒读者注意的一块文字，不传达任何额外的重要性，也不表示其他语气和语态。
  • h5将i元素重新定义为： 标识一块不同于其他文字的文字，具有不同的语气或语态， 或其他不同于常规之处。

• figure元素： （p64 - 69）

  • figure元素可以用于图表、照片、图形、插图、代码片段，以及其他类似的独立内容。
  • figcaption是figure的标题，是可选的。但如果包含它，它就必须是figure内的第一个或最后一个元素，而且不能单独出现，要结合其他内容一起在figure内出现。
  • 不要简单的将figure作为在文本中嵌套独立内容实例的方法，这种情况下aside元素更适合。

• cite元素： （p69 - 70）

  • cite元素可以指明对某些内容源的引用或参考。默认以斜体显示。
  • 对于要从引用来源中引述内容的情况，使用blockquote或q元素。cite只是引用的来源本身（如cite用于引用书名，内容用blockquote或q）。

• blockquote和q元素： （p70 - 72）

  • blockquote元素标识单独存在的引述（通常比较长）；而q元素用于较短的引述，如句子里面的引述。
  • blockquote可以包含cite属性（不是cite元素），用于提供引用文本的位置（源）。
  • 浏览器默认会对blockquote进行缩进。
  • 浏览器默认会给q元素加上特定语言的引号（特定语言用lang属性指定，若没有指定则和html的语言一致）。

• time元素： （p72 - 74）

  • time元素用来标记时间。
  • datetime属性（可选）用于提供time属性的时间，若没有指定，则会读取time元素内容的时间。没有指定datetime属性时，time元素的内容只能是日期和时间，指定后则可是任意内容。
  • time元素中不能嵌套另一个time，在没有datetime属性时，也不能嵌套其他元素（只能有文本）。

• abbr元素： （p75 - 76）

  • abbr元素表示缩写词，并解释其含义。
  • 不必对每个缩写词都使用abbr，只需要在帮助访问者了解该词含义时使用。通常只在第一次出现时使用。
  • 可以使用title属性提供缩写词全称。当abbr有title属性时，部分浏览器会添加虚线下划线样式。

• dfn元素： （p76 - 77）

  • dfn元素用于首次出现在内容中的术语。默认斜体样式。
  • 尽在定义术语语义时使用，不是为了提供斜体样式。
  • 可在适当情况下包含住其他短语元素，如abbr。

• sub和sup元素： （p77 - 78）

  • sub和sup元素用于数字或字母的上下标。
  • 上下标字符会轻微地扰乱行间距，使行间距不均匀。可以使用css来修复：p78

• address元素： （p79 - 80）

  • address元素用于定义与html页面或页面部分内容有关的作者、相关人士或组织的联系信息，通常位于页面或关联内容的底部。
  • 如果在article中使用address，则提供的是article的作者的联系信息。
  • address只能包含作者的联系信息，不可以包含其他内容。

• ins, del, s元素： （p80 - 82）

  • ins元素代表添加的内容，默认样式是下划线；del元素代表删除的内容，s元素用于不在准确或不在相关的内容；del和s的默认样式是删除线。
  • ins和del元素用于段落，s元素用于短语。
  • ins和del元素由可选的cite和datetime属性，cite属性用于指向编辑的原因，datetime用于提供编辑时间。

• code元素： （p83）

  • code元素用于代码实例或文件名 。默认以等宽字体显示。
  • 当代码中使用<或>时，应该使用<和>代替。

• kbd、samp和var元素： （p83 - 84）

  • kbd： 标记用户输入；默认以等宽字体显示。
  • samp： 用于支出程序或示例输出；默认以等宽字体显示。
  • var： 标识变量或占位符。

• pre元素： （p84 - 85）

  • pre元素是预格式化文本。一般情况下，浏览器会将额外的回车符、空格符压缩，并根据窗口大小自动换行。预格式化文本可以保留这些换行和空格。
  • 当保留换行和空格后，导致内容过宽产生滚动条的店情况，可以对pre内容打开自动换行（p85）。
  • 不要将pre作为逃避以合适的语义标记内容和用CSS控制样式的快捷方式。

• mark元素： mark元素用于对特定的词语进行标注，默认样式是黄色背景。（p85 - 87）

• br和wbr元素： （p87、89）

  • br换行是最后的选择，因为br元素将表现样式带入了html。
  • wbr类似br，是一个可换行处 ，不会强制换行，而是让浏览器知道此处可以换行，常用于单词分隔。

• u元素： 以前u元素时代表下换线，h5赋予新的语义，用于非文本注释（比如专有名词或表明文本拼写有误等）。（p89）

• ruby、rp和rt元素： （p90）

  • ruby用于旁注标记（比如拼音标注）。rt是指标记字符（如拼音），rp是指不支持ruby的浏览器中的代替方案。

• bdi和bdo元素： 可以通过dir属性（ltr或rtl）来规定文本的方向（ltr代表从左到右，rtl代表从右到左）。

• meter和process元素： p91 - 94.