HTML世界之标签Ⅵ

最新推荐文章于 2024-05-20 11:40:56 发布

阳阳大魔王

最新推荐文章于 2024-05-20 11:40:56 发布

阅读量950

点赞数 34

分类专栏： HTML 文章标签：前端 html 笔记开发语言

本文链接：https://blog.csdn.net/m0_73514785/article/details/136924064

版权

HTML 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

一、progress 标签

二、q 标签

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

一、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 标签

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>