HTML世界之标签Ⅴ

news/2024/7/7 20:01:41

目录

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


http://lihuaxi.xjx100.cn/news/2109252.html

相关文章

关于继承是怎么样的?那当然是很好理解之

本文描述了关于继承的大部分知识&#xff0c;但是并不全&#xff0c;每篇博客之间的知识都有互串&#xff0c;所以需要把几篇文章合起来看&#xff0c;学会融会贯通&#xff01; 温馨提示&#xff1a;使用PC端观看&#xff0c;效果更佳&#xff01; 目录 1.继承是什么 2.什…

19.WEB渗透测试--抓包技术(下)

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 内容参考于&#xff1a; 易锦网校会员专享课 上一个内容&#xff1a;18.WEB渗透测试--抓包技术&#xff08;上&#xff09;-CSDN博客 Burp含义和内容参考&…

# Maven Bom 的使用

Maven Bom 的使用 文章目录 Maven Bom 的使用概述BOM特点优点缺点 MavenMaven 安装安装步骤settingx.ml常用仓库地址Idea 使用maven常见坑 SpringBoot 项目Bom使用案例项目结构主项目 zerocode-back-servezc-dependency&#xff08;第三方jar管理&#xff09;子模块zc-serve子模…

Linux:Prometheus的源码包安装及操作(2)

环境介绍 三台centos 7系统&#xff0c;运行内存都2G 1.prometheus监控服务器&#xff1a;192.168.6.1 主机名&#xff1a;pm 2.grafana展示服务器:192.168.6.2 主机名&#xff1a;gr 3.被监控服务器&#xff1a;192.168.6.3 …

【堆、位运算、数学】算法例题

目录 十九、堆 121. 数组中的第K个最大元素 ② 122. IPO ③ 123. 查找和最小的K对数字 ② 124. 数据流的中位数 ③ 二十、位运算 125. 二进制求和 ① 126. 颠倒二进制位 ① 127. 位1的个数 ① 128. 只出现一次的数字 ① 129. 只出现一次的数字 II ② 130. 数字范围…

生成凹形曲线算法技术实践

1. 需求目标 生成曲线&#xff0c;以生成凹形曲线为例&#xff0c;如下图所示。 凹形曲线描述如下&#xff1a; 左边高点为y25&#xff08;均值&#xff09;&#xff0c;跨度4&#xff08;x[0,5)&#xff09;&#xff1b;中间最低点为y2&#xff08;均值&#xff09;&#x…

软件工程-第9章 软件工程项目管理概述

9.1 软件工程管理活动 9.2 软件规模、成本和进度估算 9.3 能力成熟度模型CMM 9.4 ISO 9000系列标准简介 9.5 CMM与ISO 9000系列标准的比较 9.6 本章小结

如何实现在固定位置的鼠标连点

鼠大侠的鼠标连点功能是免费的 浏览器搜索下载鼠大侠&#xff0c;指定连点间隔和启动快捷键 点击设置&#xff0c;指定点击位置