html5系列之nop标签

旧标签:

(1)<noscript>标签

作用:用来定义在脚本未被执行时的替代内容(文本) 可被用于识别<noscript>标签但无法支持其中的脚本的浏览器

(2)<object>标签

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

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

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

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

属性:

data:规定对象使用的资源url。

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

height:规定对象的高度

name:为对象规定名称。

type:规定data属性中的规定的MIME类型

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

width:规定对象的宽度。

(3)<ol>标签

作用:定义了一个有序列表,列表排序以数字来显示。

属性:

reversed:reversed 指定列表倒序

(4)<optgroup>标签

作用:经常用于把相关的选项组合在一起。如果你有很多的选项组合,你可以使用<optgroup>标签能够很简单的将相关选项组合在一起。主要用于select里面

属性:disabled: disabled 禁用

label: text 为选项组规定描述

(5)<option>标签

作用:定义下拉列表中的一个选项,作为<select>或者<datalist>一个元素使用。

属性:disabled disabled 是否禁用

label:text 定义标注

selected: selected 规定选项表现为选中状态

value: text 定义送往服务器的选项值

(6)<p>标签

作用:定义段落

(7)<param>标签

作用:允许为插入xhtml文档的对象规定run-time设置,可为包含它的<object>或者<applet>标签提供参数。

属性:name:参数名称

value:参数值

(8)<pre>标签

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

新标签:

(1)<nav>标签

作用:定义导航链接的部分

(2)<output>标签

作用:作为计算结果输出显示(比如执行脚本的输出)

属性:for element_id 描述计算中使用的元素与计算结果之间的关系

form : form_id 定义输出字段所属的一个或多个表单

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

 

 

 

涉及到的实例代码:

<!DOCTYPE HTML>
<html>
<head>
<title>html学习系列之nop标签</title>
<meta charset='UTF-8'>
</head>
<body>
	<!-- nav标签 -->
	<nav>
		<a href="#">HTML</a> | 
		<a href="#">CSS</a> | 
		<a href="#">JavaScript</a> | 
		<a href="#">jQuery</a> 
	</nav>
	<script type="text/javascript">
	document.write("Hello world");
	</script>
	<!-- noscript标签 -->
	<noscript>Your browser does not support Javascript</noscript><br>
	<!--object标签-->
	<object width="400" height="400" data="1.gif">
		<!--param-->
		<param name="autoplay" value="true">
	</object>
	<!--ol标签-->
	<ol>
		<li>Coffee</li>
		<li>Tea</li>
		<li>Milk</li>
	</ol>
	<ol start="50">
	  <li>Coffee</li>
	  <li>Tea</li>
	  <li>Milk</li>
	</ol>
	<!--optgroup标签和option标签-->
	<select>
		<optgroup label="Drink">
			<option value="Milk">Milk</option>
			<option value="Tea">Tea</option>
			<option value="Coffee">Coffee</option>
		</optgroup>
		<optgroup label="Idol">
			<option value="GD">G-DRAGON</option>
			<option value="Top">TOP</option>
			<option value="Taeyang">TEAYANG</option>
			<option value="Daesung">DAESUNG</option>
			<option value="Seungri">SEUNGRI</option>
		</optgroup>
	</select>
	<!--output标签-->
	<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100
		+
		<input type="number" id="b" value="50">
		=<output name="x" for="a b"></output>
	</form>
	<!--p标签-->
	<p>这是个段落</p>
	<!--pre标签-->
	<pre>
		这是个预格式的文本
	</pre>
</body>
</html>

  

 

posted @ 2016-04-10 16:50  emma_zhang  阅读(308)  评论(0编辑  收藏  举报