第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元素可以用于图表、照片、图形、插图、代码片段,以及其他类似的独立内容。
- 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.