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