那些年,被我遗忘了的html标签
1. HTML <abbr>
定义和用法 : 表示一个缩写形式,比如 "Inc."、"etc."。通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
例子 : <abbr title="etcetera">etc.</abbr>
提示 : 在某些浏览器中,当您把鼠标移至缩略词语上时,title 可被用来展示表达的完整版本。
适用范围 : IE6及之前的浏览器不支持。
2. HTML <acronym>
定义和用法 : 可定义只取首字母缩写,比如 "NATO"。通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
例子 : <acronym title="World Wide Web">WWW</acronym>
提示 : 在某些浏览器中,当您把鼠标移至缩略词语上时,title 可被用来展示表达的完整版本。
适用范围 : IE 5.5及之前的浏览器不支持。
3. HTML <address>
定义和用法 : 可定义一个地址(比如电子邮件地址)。您应当使用它来定义地址、签名或者文档的作者身份。不论创建的文档是简短扼要还是冗长完整,都应该确保每个文档都附加了一个地址,这样做不仅为读者提供了反馈的渠道,还可以增加文档的可信度。
例子 : <address>
<a href="mailto:service@w3school.com.cn">用户服务信箱</a><br />
上海赢科投资有限公司<br />
金桥开发区 789 号<br />
</address>
提示 : 我们认为大多数文档都应该把它们作者的地址包含在某个便于读者阅读的地方,通常是放在末尾。最起码,这个地址应该是作者或者网管的电子邮件地址,以及指向他们主页的链接。街道地址和电话号码是可选的,而出于隐私权方面的考虑,通常不会包括个人地址。address 通常被呈现为斜体。大多数浏览器会在 address 元素的前后添加一个换行符,不过如果有必要的话,您需要在地址文本的内容添加额外的换行符。
适用范围 : 所以浏览器都支持。
4. HTML <area>和<map>
由于<map>和<area>是一起用的,所以放在一起来理解。
定义和用法 : 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。
例子 :<img src="planets.jpg" border="0" usemap="#planetmap"alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
提示 : <img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。如果某个 area 标签中的坐标和其他区域发生了重叠,会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。
area的属性 : 必要属性是alt。可选属性:shape(定义区域的形状),coords(定义可点击区域(对鼠标敏感的区域)的坐标),href。
适用范围 : 所以浏览器都支持。
5. HTML <base>
定义和用法 : 为 页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使 用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这 其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
例子 : <head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>
注释:<base> 标签必须位于 head 元素内部。
6. HTML <q>和<blockquote>
定义和用法:<blockquote> 标签定义块引用,块元素。<q>标签定义短的引用,浏览器经常在引用的内容周围添加引号,行内元素。
例 子:<blockquote>Here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation.</blockquote>
<q>Here is a short quotation here is a short quotation</q>
提示:根 据 HTML 4.01 规范,q 元素应当使用分界引号来呈现,就是说,q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览 器 (Firefox) 以及 Opera 符合这个规定,但是 Internet Explorer 却不支持此规定。结果,如果要使 用 <q> 标签,而且用自己的引号来满足 Internet Explorer,那么就要在符合标准的浏览器使用两组引号。尽管如此,我们 还是推荐使用 <q> 标签,这不仅仅因为我们喜欢标准,还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。
7. HTML <button>
定义和用法:标 签定义一个按钮。在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之 处。<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。& lt;button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体 内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏 感的动作会干扰表单按钮的行为。请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器 中(包括 W3C 规范)的默认值是 "submit"。
重要事项:如 果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提 交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表 单中使用 input 元素来创建按钮。
8. HTML <em> <strong> <dfn> <code> <samp> <kbd><var> <cite>
这些标签都拥有确切的语义。
<em>把文本定义为强调的内容。
<strong>把文本定义为语气更强的强调的内容。
<dfn>定义一个定义项目。
<code>定义计算机代码文本。
<samp>定义样本文本。
<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。<var>定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<cite>定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。
9. HTML <dl>,<dt>和<dd>
<dl> 标签定义了定义列表。
<dt> 标签定义了定义列表中的项目(即术语部分)。
<dd> 在定义列表中定义条目的定义部分。
10. HTML <del><ins>
<del>定义文档中已被删除的文本。
<ins>标签定义已经被插入文档中的文本。
11. HTML <fieldset>和<legend>
定义和用法:<fieldset> 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。
例子:<form>
<fieldset>
<legend>health information</legend>
height: <input type="text" /> weight: <input type="text" />
</fieldset>
</form>
12. HTML <label>
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。(这个可用性真的是我今天才第一次知道)
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
13. HTML <optgroup>
<optgroup> 标签定义选项组。
optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
例子:<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>
14. HTML <pre>
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
<pre> 标签中的特殊符号被转换为符号实体
15. HTML <sub>和<sup>
<sub> 标签可定义下标文本。
<sup> 标签可定义上标文本。
他们包含的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。在数学等式、科学符号和化学公式中都非常有用。
其实有很多HTML标签因为不大常用而被我逐渐遗忘了,但是它们是不应该被忘的,存在即有理,然而我也发现了一些比较好的标签而我之前是没有用过的,例如那个<map><area>图像映射标签,这个标签让我想到一个好玩意,有空实现一下。