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>