第3章【HTML5入门精通实战教程】HTML5文本标签剖析.pptxVIP

HTML5 入门精通实战教程 讲师：金超服 第3章 文本格式化标签 3.1 文本标签注意事项 3.2 常用的文本标签 3.3 HTML5新增的文本标签 3.4 HTML5废弃的文本标签 3.5 文本格式化标签 3.6 引用、引文和术语定义标签 第3章 文本标签（大纲） 文本是网页的组成部分之一。 通过标签使网页上的文本呈现不同的现实方式。 通过标签使网页上的文本具有不同的语义。 通常不要因为标签的显示样式而用此标签，因此样式定义是CSS的事情。 3.1 文本标签 序号 标签 描述 用法 1 h1 to h6 定义 HTML 标题 h1这是一个标题/h1h2这是一个标题/h2h3这是一个标题/h3 h1 定义最大的标题。h6 定义最小的标题。在 HTML 5 中，h1 - h6 元素的 align 属性不被支持。请使用 CSS 来排列元素。h在页面中权重极高，请合理使用。 2 p 定义段落 p这是一个段落。/pp这是另外一个段落。/p p 元素会自动在其前后创建一些空白 HTML5不支持段落的所有对齐属性，请使用CSS来定义。 3 br 定义简单的折行 br 可插入一个简单的换行符，注意和p区分，另外br是一个空标签。 4 hr 定义水平线 在 HTML5 中，hr 定义内容中的主题变化，并显示为一条水平线，hr 标签没有结束标签。HTML5废弃了hr的所有属性，请使用CSS对hr进行样式定义。 3.2 常用的文本标签 序号 标签 描述 用法 1 bdi 定义文本的文本方向，使其脱离其周围文本的方向设置。 主流浏览器基本不支持此标签。 2 mark 定义有记号的文本。 mark 标签定义带有记号的文本。以黄色背景显示。 3 meter 定义预定义范围内的度量。 属性: (1)max规定范围的最大值。 (2)min规定范围的最小值。 (3)value规定度量的当前值。 meter 标签表示分数的值或已知范围的测量结果。IE不支持。 meter value=3 min=0 max=10十分之三/meter meter value=0.660%/meter meter max=“100” value=“40”已用空间40G，剩余空间60G/meter 4 progress 定义任何类型的任务的进度。 属性: (1)max规定任务一共需要多少工作。 (2)value规定已经完成多少任务。 progress 标签不适合用来表示度量衡。progress value=22 max=100/progress progress /progress 之间如果有文本，不会在浏览器里显示出来。 3.3 HTML5新增的文本标签 序号 标签 描述 用法 5 ruby 定义 ruby 注释。 中文注音 6 rt 定义 ruby 注释的解释。 ruby中rtzhong/rt/ruby 7 rp 定义若浏览器不支持 ruby 元素显示的内容。将显示rp内容 IE8以上都支持，所以基本不用。 8 time 定义日期/时间。 属性： （1）Datetime （2）pubdate 目前所有主流浏览器都支持 time 标签。 p上午time9:00/time 开会。/p p每年 time datetime=2016-02-14情人节/time 有个约会。/p 9 wbr 规定在文本中的何处适合添加换行符。 如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 wbr 元素 这个文本很长aaabbbcccwbrddd/wbreeefff 3.3 HTML5新增的文本标签 序号 标签 描述 用法 1 center 定义居中文本。 2 font 定义文本的字体、尺寸和颜色 3 s 定义加删除线的文本。 4 strike 定义加删除线文本。 5 u 定义下划线文本。 6  acronym 定义首字母缩写。 3.4 HTML5废弃的文本标签 序号 标签 描述 用法 1 b 定义粗体文本。 根据 HTML 5 的规范，b 标签应该做为最后的选择，只有在没有其他标签比较合适时才使用它。以粗体显示，但是不要在需要粗体是使用该标签，粗体显示是CSS的事情。 2 em 定义强调文本。 em 标签是一个短语标签，用来呈现为被强调的文本。会以斜体显示，如果纯碎为了显示请使用CSS，em自己的语义就是强调。 3 i 定义斜体文本。 i 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。 i 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。 4 strong 定义语气更为强烈的强调文本。 strong 标签是一个短语标签，用来定义重要的文本。 3.5 文本格式化标签 3.5 文本格式化标签 序号 标签 描述 用法 5 sup