不常用的标签的用法 

HTML <abbr> 标签
<!DOCTYPE HTML>
<html>
<body>

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

</body>
</html>

http://www.w3school.com.cn/tiy/t.asp?f=html_abbr

提示和注释

提示：可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。



http://www.w3school.com.cn/tiy/t.asp?f=html_abbr


 


所有浏览器都支持 <abbr> 标签。




注释：IE 6 或更早版本的 IE 浏览器不支持 <abbr> 标签。





bdo标签
<bdo dir="rtl">Here is some text</bdo>
bdo 元素可覆盖默认的文本方向。


可选的属性





属性值描述



dir


    

  • ltr
    • 

  • rtl
    • 



定义文字的方向






 


 <del> 标签




浏览器支持





IEFirefoxChromeSafariOpera



 
 
 
 
 






所有主流浏览器都支持 <del> 标签。




定义和用法


定义文档中已被删除的文本。






提示和注释：


注释：请与 <ins> 标签配合使用，来描述文档中的更新和修正。


可选的属性





属性值描述



cite
URL
指向另外一个文档的 URL，此文档可解释文本被删除的原因。




datetime
YYYYMMDD
定义文本被删除的日期和时间。










 


<html>

<body>

<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>

<p>大多数浏览器会改写为删除文本和下划线文本。</p>

<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>

</body>
</html>


一打有 二十 十二 件。


大多数浏览器会改写为删除文本和下划线文本。


一些老式的浏览器会把删除文本和下划线文本显示为普通文本。


 


 


标记长的引用：<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>



亲自试一试




浏览器支持





IEFirefoxChromeSafariOpera



 
 
 
 
 









所有主流的浏览器均支持 <blockquote> 标签。


注释：没有浏览器能够正确地显示 cite 属性。




定义和用法


<blockquote> 标签定义块引用。


<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。




提示和注释：


提示：请使用 q 元素来标记短的引用。


注释：如需把页面作为 strict XHTML 进行验证，那么 <blockquote> 元素必须包含块级元素，比如这样：


<blockquote>
<p>here is a long quotation here is a long quotation</p>
</blockquote>


可选的属性





属性值描述



cite
URL
规定引用的来源。








 HTML <fieldset> 标签


<!DOCTYPE HTML>
<html>

<body>

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

<p>如果表单周围没有边框，说明您的浏览器太老了。</p>

</body>
</html>


健康信息 身高： 体重：


如果表单周围没有边框，说明您的浏览器太老了。




定义和用法


fieldset 元素可将表单内的相关元素分组。


<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。


当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。


<fieldset> 标签没有必需的或唯一的属性。


<legend> 标签为 fieldset 元素定义标题。


 


 


HTML <figcaption> 标签


用作文档中插图的图像，带有一个标题：：


<figure>
  <figcaption>黄浦江上的的卢浦大桥</figcaption>
  <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>


黄浦江上的的卢浦大桥 





定义和用法


<figcaption> 标签定义 figure 元素的标题（caption）。


"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。






浏览器支持


所有主流浏览器都支持 <figcaption> 标签。


 


 HTML <hr> 标签


被水平线分隔的标题和段落：


<h1>This is header 1</h1>
<hr />
<p>This is some text</p>


所有主流浏览器都支持 <hr> 标签。




定义和用法


<hr> 标签在 HTML 页面中创建一条水平线。


水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。




HTML 与 XHTML 之间的差异


在 HTML 中，<hr> 标签没有结束标签。


在 XHTML 中，<hr> 必须被正确地关闭，比如 <hr />。


在 HTML 4.01 中，hr 元素的所有呈现属性均不被赞成使用。


在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈现属性均不被支持。


可选的属性





属性值描述



align


    

  • center
    • 

  • left
    • 

  • right
    • 





不赞成使用。请使用样式取代它。


规定 hr 元素的对齐方式。






noshade
noshade


不赞成使用。请使用样式取代它。


规定 hr 元素的颜色呈现为纯色。






size
pixels


不赞成使用。请使用样式取代它。


规定 hr 元素的高度（厚度）。






width


    

  • pixels
    • 

  • %
    • 





不赞成使用。请使用样式取代它。


规定 hr 元素的宽度。








 


<html>

<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>


hr 标签定义水平线：




这是段落。




这是段落。




这是段落。


 


 


 




 HTML <label> 标签




带有两个输入字段和相关标记的简单 HTML 表单：


<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>




定义和用法


<label> 标签为 input 元素定义标注（标记）。


label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。


<label> 标签的 for 属性应当与相关元素的 id 属性相同。




提示和注释：


注释："for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。


属性


new : HTML5 中的新属性。





属性值描述



for
id
规定 label 绑定到哪个表单元素。




form
formid
规定 label 字段所属的一个或多个表单。






 


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


注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释：img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。


所有主流浏览器都支持 <map> 标签。


 




必需的属性





属性值描述



id
unique_name
为 map 标签定义唯一的名称。








































































 


可选的属性


 





属性值描述



name
mapname
为 image-map 规定的名称。






















































 


 






 HTML <optgroup> 标签


 <html>
<body>

<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>
 
</body>
</html>


 所有主流浏览器都支持 <optgroup> 标签。




定义和用法


<optgroup> 标签定义选项组。


optgroup 元素用于组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。




必需的属性





属性值描述



label
text
为选项组规定描述。




























































可选的属性





属性值描述



disabled
disabled
规定禁用该选项组。













































 


 HTML <output> 标签


执行计算然后在 <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> 
irefox, Chrome, Safari 以及 Opera 支持 <output> 标签。


注释：Internet Explorer 8 以及更早的版本不支持 <output> 标签。








 


HTML <pre> 标签


<html>
<body>
<pre>
&lt;html&gt;

&lt;head&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;loadxmldoc.js&quot;&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;

  &lt;script type=&quot;text/javascript&quot;&gt;
    xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>(&quot;books.xml&quot;);
    document.write(&quot;xmlDoc is loaded, ready for use&quot;);
  &lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;
</pre>
</body>
</html>
显示如下


<html>
<head>
  <script type="text/javascript" src="loadxmldoc.js">
</script>
</head>

<body>

  <script type="text/javascript">
    xmlDoc=loadXMLDoc("books.xml");
    document.write("xmlDoc is loaded, ready for use");
  </script>

</body>
</html>


所有浏览器都支持 <pre> 标签。


定义和用法


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


<pre> 标签的一个常见应用就是用来表示计算机的源代码。


可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。


pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 <a> 标签）放到 <pre> 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。




提示和注释


提示：制表符（tab）在 <pre> 标签定义的块当中可以起到应有的作用，每个制表符占据 8 个字符的位置。但是我们不推荐使用它，因为在不同的浏览器中，Tab 的实现各不相同。在用 <pre> 标签格式化的文档段中使用空格，可以确保文本正确的水平位置。


提示：如果您希望使用 <pre> 标签来定义计算机源代码，比如 HTML 源代码，请使用符号实体来表示特殊字符，比如 "&lt;" 代表 "<"，"&gt;" 代表 ">"，"&amp;" 代表 "&"。


提示：在 W3School 中，非常多页面中的源代码实例都是通过 <pre> 标签定义的，您可以参考这些页面，学习如何使用该标签。我们甚至把 <pre> 标签与 <code> 标签结合起来使用，以获得更加精确的语义。


 


 




 HTML <q> 标签


 


标记短的引用：


<q>Here is a short quotation here is a short quotation</q>


所有浏览器都支持 <q> 标签。




定义和用法


<q> 标签定义短的引用。


浏览器经常在引用的内容周围添加引号。




<q> 与 <blockquote> 的区别


<q> 标签在本质上与 <blockquote> 是一样的。不同之处在于它们的显示和应用。<q> 标签用于简短的行内引用。如果需要从周围内容分离出来比较长的部分（通常显示为缩进的块），请使用 <blockquote> 标签。




提示和注释：


提示：根据 HTML 4.01 规范，q 元素应当使用分界引号来呈现，就是说，q 元素包含的文本必须以引号来开始和结束。Mozilla 浏览器 (Firefox) 以及 Opera 符合这个规定，但是 Internet Explorer 却不支持此规定。结果，如果要使用 <q> 标签，而且用自己的引号来满足 Internet Explorer，那么就要在符合标准的浏览器使用两组引号。尽管如此，我们还是推荐使用 <q> 标签，这不仅仅因为我们喜欢标准，还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。


可选的属性





属性值描述



cite
citation
定义引用的出处或来源（citation）












 




































        

            posted on 
2014-12-07 11:00 
鬼鬼丫404 
阅读(154) 
评论(0) 
 
收藏 
举报

        

    











    
    

    
    

    

        

    

        

            
                
                
            
        

    

    
    

    

    





	






	
		
		

导航