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>

  

时间: 2024-08-27 06:03:01

html5系列之nop标签的相关文章

HTML5系列二(标签元素、FileReader、拖放)

nav元素的使用场合 aside元素的使用场合 aside元素主要有以下两种使用方法: 1.被包含在article中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的参考资料.名词解释等 2.在article元素之外使用,作为页面或站点全局的附属信息部分 html5细节概述 1.一个网页内并未限制header元素的个数,可以拥有多个,也可以为每个内容区块加一个header元素(footer同理) 2.autofocus:一个页面上只能有一个控件具有该属性 3.pattern属性:要求输

深入理解html5系列-文本标签

文章简介: 关于html5相信大家早已经耳熟能详,但是他真正的意义在具体的开发中会有什么作用呢?相对于html,他又有怎样的新的定义与新理念在里面呢?为什么一些专家认为html5完全完成后,所有的工作都可以达到真正的云方式呢?这一系列的问题你是否已经想明白了呢? 本系列文章将为您一一解答你所不知道的关于html5与html中的那些事;具体会包括如:html5新的理念与想法,html5的新标签的用意与具体开发中场景应用,html5与css3的感情经历(用法搭配),包括html5的父亲html的一些

浅谈html语义化标签,Html5新增语义化标签

Html语义化标签,Html5新增语义化标签 自己在学习的期间,整理了下html关于语义化标签的一些知识,列的不是很全. 希望大家有新的见解可以给我留言,我会补充上去,谢谢大家 1.什么是语义化标签? 那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)比如, 网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签. 文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等. 2.为啥使用语义

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

HTML5 学习笔记--------》HTML5概要与新增标签!

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5各种头部meta标签的功能

<!DOCTYPE html>  H5标准声明,使用 HTML5 doctype,不区分大小写 <head lang="en"> 标准的 lang 属性写法 <meta charset='utf-8′>    声明文档使用的字符编码 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1″/>   优先使用 IE 最新版本和 Chrome &l

《html5新增及删除标签》

html5新增及删除标签 原文:http://www.cnblogs.com/starof/archive/2015/06/23/4581850.html 一.新增标签 有一种划分为,功能性标签[html5新增,如canvas,旧浏览器没有]和语义性标签[如header等只是增强语义,没有新功能].下面按照分几个小类来说. 1.结构标签 新增的结构标签,之前都是用div实现的,为了语义化,html5从div派生出很多新的标签.这些新增的结构标签有助于将文档分成几个逻辑部分.如下: a.secti

HTML5 学习总结(一)——HTML5概要与新增标签(转载)

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3