目录
一、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>