HTML世界之标签Ⅵ

时间:2024-03-22 09:01:25

目录

一、progress 标签

二、q 标签

三、rp 标签 + rt 标签 + ruby 标签

四、s 标签

五、samp 标签

六、script 标签

七、section 标签

八、select 标签

九、small 标签


一、progress 标签

<progress> 标签定义运行中的任务进度(进程)。

<progress> 标签与 JavaScript 一起使用来显示任务的进度。

<progress> 标签不适合用来表示度量衡(例如,磁盘空间使用情况或相关的查询结果)。表示度量衡,请使用 <meter> 标签代替。

属性

描述

max

number

规定需要完成的值。

value

number

规定进程的当前值。

写法:

<progress value="22" max="100"></progress>

二、q 标签

<q> 标签定义一个短的引用。

浏览器经常会在这种引用的周围插入引号。

属性

描述

cite

URL

规定引用的源 URL。

写法:

<p>WWF's goal is to:

<q>Build a future where people live in harmony with nature.</q>

We hope they succeed.</p>

三、rp 标签 + rt 标签 + ruby 标签

<rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。

ruby 注释是中文注音或字符。在东亚使用,显示的是东亚字符的发音。

<rt> 标签定义字符(中文注音或字符)的解释或发音。

<ruby> 标签定义 ruby 注释(中文注音或字符)。

在东亚使用,显示的是东亚字符的发音。

将 <rp> 标签与 <ruby> 和 <rt> 标签一起使用:

<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的

<rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

写法:

<ruby>

汉 <rp>(</rp><rt>Han</rt><rp>)</rp>

字 <rp>(</rp><rt>zi</rt><rp>)</rp>

</ruby>

四、s 标签

<s> 标签对那些不正确、不准确或者没有用的文本进行标识。

<s> 标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本,请使用 <del>标签。

写法:

<p><s>My car is blue.</s></p>

<p>My new car is silver.</p>

五、samp 标签

<samp> 标签是一个短语标签,用来定义计算机程序的样本文本。

写法:

<samp></samp>

六、script 标签

<script> 标签用于定义客户端脚本,比如 JavaScript。

<script> 元素既可包含脚本语句,也可以通过 "src" 属性指向外部脚本文件。

JavaScript 通常用于图像操作、表单验证以及动态内容更改。

属性

描述

语法

async

async

规定异步执行脚本(仅适用于外部脚本)。

<script async>

charset

charset

规定在脚本中使用的字符编码(仅适用于外部脚本)。

<script charset="charset">

defer

defer

规定当页面已完成解析后,执行脚本(仅适用于外部脚本)。

<script defer>

src

URL

规定外部脚本的 URL。

<script src="URL">

type

MIME-type

规定脚本的 MIME 类型。

<script type="MIME_type">

写法:

<script src="demo_async.js" async></script>

七、section 标签

<section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。

写法:

<section>

<h1>WWF</h1>

<p>The World Wide Fund for Nature (WWF) is....</p>

</section>

八、select 标签

<select> 元素用来创建下拉列表。

<select> 元素中的 <option> 标签定义了列表中的可用选项。

<select> 元素是一种表单控件,可用于在表单中接受用户输入。

属性

描述

语法

autofocus

autofocus

规定在页面加载时下拉列表自动获得焦点。

<select autofocus>

disabled

disabled

当该属性为 true 时,会禁用下拉列表。

<select disabled>

form

form_id

定义 select 字段所属的一个或多个表单。

<select form="form_id">

multiple

multiple

当该属性为 true 时,可选择多个选项。

<select multiple>

name

text

定义下拉列表的名称。

<select name="text">

size

number

规定下拉列表中可见选项的数目。

<select size="number">

写法:

<select>

<option value="volvo">Volvo</option>

<option value="saab">Saab</option>

<option value="mercedes">Mercedes</option>

<option value="audi">Audi</option>

</select>

九、small 标签

<small> 标签定义小型文本(和旁注)。

写法:

<small></small>