html调用js文件中的标量,学习笔记 第四章 设计网页文本，学习笔记第四章

学习笔记 第四章 设计网页文本，学习笔记第四章

学习重点：

1、熟悉HTML4定义的格式化文本标签；

2、掌握HTML5新增的文本标签；

3、正确选用标签设计网页文本信息。

4.1 使用文本标签

4.1.1 标题文本

~

用于定义标题。

定义最大的标题，表示最重要的信息；

定义最小的标题，表示最次要的信息。

只用一次，

作副标题时只用一次。

4.1.2 段落文本

标签用于定义段落文本，文本前后会创建一定距离的空白。

4.1.3 引用文本

标签定义短的引用，引用内容周围会添加引号；

标签定义块引用，包含的文本会从常规文本中分离出来，左、右侧缩进显示。

一段文本不可以直接放在

中，应该包含在一个块元素中。

、

均包含一个cite属性，定义引用的出处。 标签还有一个功能：从文档中自动摘录参考书目。

4.1.4 强调文本

用于强调文本，包含的文字显示为斜体；强调程度更强，包含的文字以粗体显示。

4.1.5 格式文本

定义粗体文本，与的默认效果类似。

定义斜体文本，与的默认效果类似。

定义大号字体，可以嵌套使用，直至上限7号文本。

定义小号字体。

^{定义上标文字。}

_{定义下标文字。}

4.1.6 输出文本

表示代码字体，即显示源代码。

 表示预定义格式的源代码，保留源代码中的空格。

打印机字体。

键盘字体。

定义的术语。

变量字体。

代码范例。

4.1.7 缩写文本

定义简称或缩写。

定义首字母缩写。(HTML5不支持)

4.1.8 插入和删除文本

定义插入到文档中的文本。

定义文档中已经被删除的文本。

4.1.9 文本方向

可以改变文本流的方向，包含属性：dir，取值有ltr(从左到右)和rtl(从右到左)。

例：床前明月光，疑似地上霜。

4.2 HTML5新增文本标签

4.2.1 标记文本

定义带有记号的文本，表示页面中需要突出显示或高亮显示的信息。

4.2.2 进度信息

标识任务的进度。可以是不确定的，表示进度正在进行；也可以用0到某个数字(如100)之间的数字来表示进度完成情况。

progress元素包含两个属性：max，value，表示当前完成情况。

例：

百分百进度：0%

4.2.3 刻度信息

定义已知范围或分数值内的标量、进度。如磁盘用量、查询结果的相关性等。

meter元素包含7个属性：

value 在元素中特别标识出来的实际值，默认为0。

min 设置规定范围时，允许使用的最小值，默认为0。

max 设置规定范围时，允许使用的最大值，默认为1。

low 设置范围的最大值，如果low小于min，则把min的值视为low的值。

high 设置范围的上限值，如果大于max，则把max的值视为high的值。

optimum 设置最佳值。

form 设置meter元素所属的一个或多个表单。

例：十分之三

4.2.4 时间信息

定义公历的时间(24小时制)或日期，时间和时区偏移可选。

示例1：我的生日晚上8点的美国时间

元素有两个属性：

datetime 定义日期和时间；

pubdate 定义time元素中的日期和时间时文档的发布日期。

4.2.5 联系文本

定义文档或文章的作者、拥有者的联系信息。包含的文本通常为斜体。

4.2.6 隔离文本

允许设置一段文本，使其脱离父元素的文本方向设置。

4.2.7 换行断点

定义在文本中的何处添加换行符。

示例：

本站旧地址为：https://www.old_site.com/，新地址为：https://www.new_site.com/。

4.2.8 文本注释

定义中文注音或字符。需要与或一同使用。

定义字符的解释或发音；

定义当浏览器不支持ruby元素的显示内容。

示例：

少shao壮zhuang不bu努nu力li

http://www.dengb.com/Javascript/1234077.htmlwww.dengb.comtruehttp://www.dengb.com/Javascript/1234077.htmlTechArticle学习笔记 第四章 设计网页文本，学习笔记第四章 学习重点： 1、熟悉HTML4定义的格式化文本标签； 2、掌握HTML5新增的文本标签； 3、正确选...