• 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:规定与对象一同使用的客户端图像映射的名称

    规定对象的宽度。

    (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>
    

      

  • 相关阅读:
    float、定位、inline-block、兼容性需注意的特性总结
    meta 标签 详细说明
    兼容探讨一
    javascript性能优化总结二(转载)
    javascript性能优化总结一(转载人家)
    特效合集(原生JS代码)适合初学者
    svg实现简单沙漏旋转
    SVG制作简单的图形
    SVG的简单介绍
    jQuery之效果
  • 原文地址:https://www.cnblogs.com/Gabby/p/5374532.html
Copyright © 2020-2023  润新知