HTML世界之标签Ⅴ

目录

一、meter 标签

二、nav 标签

三、noscript 标签

四、object 标签

五、ol 标签

六、optgroup 标签

七、option 标签

八、output 标签

九、param 标签

十、pre 标签

十一、picture 标签


一、meter 标签

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。

比如:磁盘使用情况,查询结果的相关性等。

属性

描述

form

form_id

规定 <meter> 元素所属的一个或多个表单。

high

number

规定被界定为高的值的范围。

low

number

规定被界定为低的值的范围。

max

number

规定范围的最大值。

min

number

规定范围的最小值。

optimum

number

规定度量的最优值。

value

number

必需。规定度量的当前值。

写法:

<meter value="2" min="0" max="10">2 out of 10</meter>

二、nav 标签

<nav> 标签定义导航链接的部分。

并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。

写法:

<nav>

<a href="/html/">HTML</a> |

<a href="/css/">CSS</a>

</nav>

三、noscript 标签

noscript 元素用来定义在脚本未被执行时的替代内容(文本)。

此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。

写法:

<script>

document.write("Hello World!")

</script>

<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

四、object 标签

定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。

<object> 标签用于包含对象,比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不过由于漏洞以及缺乏浏览器支持,这一点并未实现。

浏览器的对象支持有赖于对象类型。不幸的是,主流浏览器都使用不同的代码来加载相同的对象类型。

而幸运的是,object 对象提供了解决方案。如果未显示 object 元素,就会执行位于 <object> 和 </object> 之间的代码。通过这种方式,我们能够嵌套多个 object 元素(每个对应一个浏览器)。

属性

描述

data

URL

规定对象使用的资源的 URL。

form

form_id

规定对象所属的一个或多个表单。

height

pixels

规定对象的高度。

name

name

为对象规定名称。

type

MIME_type

规定 data 属性中规定的数据的 MIME 类型。

usemap

#mapname

规定与对象一同使用的客户端图像映射的名称。

width

pixels

规定对象的宽度。

写法:

<object width="400" height="400" data="helloworld.swf"></object>

五、ol 标签

<ol> 标签定义了一个有序列表. 列表排序以数字来显示。

属性

描述

reversed

reversed

指定列表倒序(9,8,7...)

start

number

一个整数值属性,指定了列表编号的起始值。

type

a 表示小写英文字母编号

A 表示大写英文字母编号

i 表示小写罗马数字编号

I 表示大写罗马数字编号

1 表示数字编号(默认)

规定列表的类型。

写法:

<ol></ol>

六、optgroup 标签

<optgroup> 标签经常用于把相关的选项组合在一起。

如果你有很多的选项组合, 你可以使用<optgroup> 标签能够很简单的将相关选项组合在一起。

属性

描述

disabled

disabled

规定禁用该选项组。

label

text

为选项组规定描述。

写法:

<optgroup></optgroup>

七、option 标签

<option> 标签定义下拉列表中的一个选项(一个条目)。

<option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。

属性

描述

disabled

disabled

规定此选项应在首次加载时被禁用。

label

text

定义当使用 <optgroup> 时所使用的标注。

selected

selected

规定选项(在首次显示在列表中时)表现为选中状态。

value

text

定义送往服务器的选项值。

写法:

<option> </option>

八、output 标签

<output> 标签作为计算结果输出显示(比如执行脚本的输出)。

属性

描述

for

element_id

描述计算中使用的元素与计算结果之间的关系。

form

form_id

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

name

name

定义对象的唯一名称(表单提交时使用)。

写法:

<output></output>

九、param 标签

<param>元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 或者 <applet> 标签提供参数。

属性

描述

name

name

定义参数的名称(用在脚本中)。

value

value

描述参数值。

写法:

<param name="autoplay" value="true">

十、pre 标签

<pre> 标签可定义预格式化的文本。

被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

写法:

<pre></pre>

十一、picture 标签

picture 元素允许我们在不同的设备上显示不同的图片,一般用于响应式。

HTML5 引入了 <picture> 元素,该元素可以让图片资源的调整更加灵活。

<picture> 元素零或多个 <source> 元素和一个 <img> 元素,每个 <source> 元素匹配不同的设备并引用不同的图像源,如果没有匹配的,就选择 <img> 元素的 src 属性中的 url。

注意:<img> 元素是放在最后一个 <picture> 元素之后,如果浏览器不支持该属性则显示 <img> 元素的的图片。

写法:

<picture></picture>

相关推荐

  1. HTML世界标签

    2024-03-21 09:04:04       44 阅读
  2. HTML世界标签

    2024-03-21 09:04:04       37 阅读
  3. HTML世界标签

    2024-03-21 09:04:04       39 阅读
  4. HTML世界标签

    2024-03-21 09:04:04       39 阅读
  5. HTML世界标签

    2024-03-21 09:04:04       39 阅读
  6. HTML世界标签

    2024-03-21 09:04:04       40 阅读
  7. HTML世界input标签

    2024-03-21 09:04:04       46 阅读
  8. HTML世界第一重天

    2024-03-21 09:04:04       52 阅读
  9. HTML世界第三重天

    2024-03-21 09:04:04       37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-21 09:04:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-21 09:04:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-21 09:04:04       82 阅读
  4. Python语言-面向对象

    2024-03-21 09:04:04       91 阅读

热门阅读

  1. 利用opencv获取系统时间

    2024-03-21 09:04:04       46 阅读
  2. React—— props校验(非typescript校验类型)

    2024-03-21 09:04:04       41 阅读
  3. 解决vue精确值问题

    2024-03-21 09:04:04       41 阅读
  4. elementUI组件库样式修改整理

    2024-03-21 09:04:04       42 阅读
  5. LeetCode 面试经典150题 134.加油站

    2024-03-21 09:04:04       37 阅读
  6. 力扣每日一题30:串联所有单词的子串

    2024-03-21 09:04:04       39 阅读
  7. 探索软件工程:构建可靠、高效的数字世界

    2024-03-21 09:04:04       39 阅读
  8. Xss文件包含漏洞

    2024-03-21 09:04:04       35 阅读