欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  htmlpre标签的定义和用法:
 
  pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
 
  <pre>标签的一个常见应用就是用来表示计算机的源代码。
 
  可以导致段落断开的标签(例如标题、<p>和<address>标签)绝不能包含在<pre>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。
 
  pre元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如<a>标签)放到<pre>块中时,就像放在HTML/XHTML文档的其他部分中一样即可。请看下面的例子:
 
  <pre>
 
  &lt;html&gt;
 
  &lt;head&gt;
 
  &lt;scripttype=&quot;text/javascript&quot;src=&quot;loadxmldoc.js&quot;&gt;
 
  &lt;/script&gt;
 
  &lt;/head&gt;
 
  &lt;body&gt;
 
  &lt;scripttype=&quot;text/javascript&quot;&gt;
 
  xmlDoc=<ahref="dom_loadxmldoc.asp">loadXMLDoc</a>(&quot;books.xml&quot;);
 
  document.write(&quot;xmlDocisloaded,readyforuse&quot;);
 
  &lt;/script&gt;
 
  &lt;/body&gt;
 
  &lt;/html&gt;
 
  </pre>
 
  在上面的代码中,<pre>标签中的特殊符号被转换为符号实体,比如"&lt;"代表"<","&gt;"代表">"。另外,请注意蓝色的代码,我们在<pre>标签中使用了链接,也就是<a>标签。上面这段代码的显示效果如下:
 
  <html>
 
  <head>
 
  <scripttype="text/javascript"src="loadxmldoc.js">
 
  </script>
 
  </head>
 
  <body>
 
  <scripttype="text/javascript">
 
  xmlDoc=loadXMLDoc("books.xml");
 
  document.write("xmlDocisloaded,readyforuse");
 
  </script>
 
  </body>
 
  </html>
 
  htmlpre标签可选的属性:
 
  width:number:定义每行的最大字符数(通常是40、80或132)。
 
  html<pre>标签的作用及使用说明:
 
  1、该标签可定义预格式化的文本,被包围在pre元素中的文本通常会保留空格和换行符,并且文本会呈现为等宽字体。该标签的一个常见应用就是用来表示计算机的源代码。
 
  2、该元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如<a>标签)放到<pre>块中时,就像放在HTML/XHTML文档的其他部分中一样即可。
 
  3、标签中的特殊符号被转换为符号实体,比如"&lt;"代表"<","&gt;"代表">"。
 
  4、可以导致段落断开的标签(比如<h1>、<p>和<address>标签)尽量不要包含在<pre>所定义的块里,我试过现在的浏览器(Google、IE和火狐),虽然可以把段落结束标签解释为简单地换行,但是在代码编辑器里会报错"Invalidlocationoftag(h1)."
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="utf-8">
 
  </head>
 
  <body>
 
  <pre>你好我是Natalie
 
  我即将成为<h1>一名技术</h1>人员。
 
  HTML与XHTML之间的差异
 
  在HTML4.01中,pre元素的"width"属性是不被赞成使用的。
 
  在XHTML1.0StrictDTD中,pre元素的"width"属性是不被支持的。
 
  提示和注释:
 
  提示:制表符(tab)在<pre>标签定义的块当中可以起到应有的作用,每个制表符占据8个字符的位置。但是我们不推荐使用它,因为在不同的浏览器中,Tab的实现各不相同。在用<pre>标签格式化的文档段中使用空格,可以确保文本正确的水平位置。
 
  提示:如果您希望使用<pre>标签来定义计算机源代码,比如HTML源代码,请使用符号实体来表示特殊字符,比如"&lt;"代表"<","&gt;"代表">","&amp;"代表"&"。
 
  提示:在W3School中,非常多页面中的源代码实例都是通过<pre>标签定义的,您可以参考这些页面,学习如何使用该标签。我们甚至把<pre>标签与<code>标签结合起来使用,以获得更加精确的语义。







本文转载自中文网

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h54817.shtml