html5 第四章css,html5网页编程css3课件第四章.pptx

第四章 文本导读：由于在一般情况下网站的大部分内容还是文本，这些文本内容在什么情况下用什么样的语义化元素显得尤为重要，本章将会说明怎样合适的选择html语义化元素来标记文本。4.1 添加段落html会忽略在文本编辑器中输入的回车符和其他额外的空格。要想在网页中开始新的段落，应该使用p元素。可以使用css为段落添加样式，包括字体、颜色、字号等，可以控制行间距，改变文本对齐方式(左对齐、右对齐和中间对齐)等。4.2 指定细则small标签可以表示细则一类的旁注，通常包括“免责声明、法律限制、版权信息”等。有时可以用它来表示署名。4.3 标记重要和强调文本strong元素可以表示内容的重要性，em元素便是内容的着重点。根据具体内容这两个元素既可以单独使用也可以一起使用。创建图html5通过引入figure和figcaption来创建图，图可以是图表、照片、图形、插图、代码片段以及其他独立的内容。figcaption是figure的标题，可选，只能出现在figure内容的开头或结尾处。且只能出现一次。4.5 指明引用或参考cite元素可以指明对某内容源的引用或参考。如对戏剧、脚本或图书的标题，歌曲、电影、照片或雕塑的名称，演唱会或音乐会，规范、报纸或法律文件等。4.6 引述文本blockquote元素表示单独存在的引述，默认显示在新的一行,q元素用于短的引述，如句子里的引述。内部都可以输入cite=“url”用来指明引述的来源。4.7指定时间使用time元素标记时间、日期或时间段。标记的做法如下：08:45(不包含datetime属性)tonight at 10:14(使用datetime属性，按照格式YYYY-MM-DDThh:mm:ss填写)March 29th(不包含年份)2h 41m 3s时间段datetime属性(或者没有datetime属性的time元素)必须提供特定的机器可读格式的日期和时间。4.8 解释缩写词使用abbr元素标记缩写词并解释其含义，不必对每个缩写词都使用abbr,只在需要帮助访问者了解该词含义的时候使用。4.9定义术语对于首次使用的术语，html5使用dfn标签对其进行定义，dfn仅包围术语而不是定义，且仅定义一次。定义格式如下：要定义的术语要注意的是由dfn标记的术语与其定义的距离必须挨在一起，否则便是错误的用法。4.10 创建上标和小标比主体文本稍高或稍低的字母或数字分别称为上标和小标，html使用sub(创建下标)和sup(创建上标)元素来创建上标和下标。_{要出现在下标的字符或符号}^{要出现在上标的字符或符号}4.11 添加作者联系信息address元素用来定义html页面或页面的一部分有关的作者、相关人士或组织的联系信息，通常位于页面底部。应该根据address元素表示的信息决定它出现的位置。有时是一篇article的结尾，有时是一整个页面的底部(footer里)。address内禁止使用h1~h6、article、address、aside、footer、header、hgroup、nav和section.

email:409397810@tel/address>4.12 标注编辑和不再准确的文本代表添加的内容代表已删除的内容不再相关内容ins和del都支持datetime和cite属性cite属性用于提供一个url，指向说明编辑原因的页面。datetime用于提供编辑时间。4.13 标记代码如果内容中包含代码示例或文件名，使用code元素标记代码。showPhoto()当代码中要显示“”时，分别使用&lt和&gt代替它们4.14 预格式化文本通常浏览器会压缩回车和空格，并根据屏幕大小自动换行。如果我们想让文本保持它原有的模样，可以使用

元素标记文本。浏览器会对pre里面的内容关闭自动换行，如果内容很宽，可以使用如下css自动换行:pre{white-space:pre-wrap;}4.15 突出显示文本html使用mark元素对文本进行突出显示，就像我们用过的荧光笔标记时一样。mark元素提示读者对特定的文本片段的注意，在如下情况下使用mark元素：1、对搜索结果页面或文章中的搜索词进行突出显示。2、对于某段引述，如果作者在原来的格式中没有对其进行突出