Home > Web Front-end > HTML Tutorial > pre tag_html/css_WEB-ITnose

pre tag_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:47:51
Original
1546 people have browsed it

pre

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
pre标签的一个常见应用就是用来表示计算机的源代码。
可以导致段落断开的标签(例如标题、p 和 address 标签)绝不能包含在 pre所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。
pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如 a标签)放到 pre 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。请看下面的例子:

<pre class="brush:php;toolbar:false">&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;
Copy after login

在上面的代码中,pre 标签中的特殊符号被转换为符号实体,比如 "<" 代表 "<",">" 代表 ">"。另外,请注意蓝色的代码,我们在pre 标签中使用了链接,也就是 a标签。上面这段代码的显示效果如下:

<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>
Copy after login

HTML pre 标签

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template