HTML pre元素
2018-04-01 22:26
141 查看
pre元素
一般情况下,浏览器会将网页中所有额外的回车和空格进行压缩,并根据窗口的大小自动换行。如果希望文本能够按预先定义好的格式原样显示,就可以使用pre元素。pre元素表示一块被格式化的文本,其作用是保留原始文本的排版效果,也就是说,被包围在 pre元素中的文本,通常会保留回车、换行、空格、制表符等。因此,它是展示计算机程序源代码的理想元素。当用 pre元素来展示源代码时,最好的方式是用 code 元素来包裹代码,这样既可以保持格式,又不失其语义。<pre>
<code>
for (int i = 0; i < 10; i++) {
printf("Hello world!\n");
}
</code>
</pre>
运行结果如图 2‑10 所示:
图2-10 pre元素pre元素中的文本,也可以是HTML元素,如链接、图像和水平分隔线。当把其他标签,如 <a> 标签,放到 pre元素中时,会被直接渲染为正常元素。因此,需要将 pre元素中的特殊符号被转换为符号实体。如,将 "<" 转换为 "<",将 ">" 转换为 ">" 等等。版权声明:本文出自 歪脖网 的《HTML5宝典》,欢迎在线阅读,并提出宝贵意见。
相关文章推荐
- HTML“pre”标签 :用pre元素可定义预先格式文字。所有在pre元素内文字的空白间隔以及换行都会被保留。
- html pre 元素
- HTML 行内元素和块级元素 全解析
- 【前段开发】行内元素和块级元素总结(HTML CSS)
- jQuery插件:用于获取元素自身的HTML内容
- HTML 元素
- html中具有语义化标签的元素
- HTML中frameset元素的使用
- HTML补充:引用脚本、特殊符号、标签、元素、多媒体
- HTML高级(头元素)
- html的相关基础元素(二)
- HTML表单元素
- HTML / CSS----元素分类
- HTML 文本及分组和表格与文档元素
- HTML(2)——<p></p>段落元素定义标签
- A 元素[HTML 4.01]
- [HTML/CSS]盒子模型,块级元素和行内元素
- HTML 元素
- HTML 多媒体、Object 元素、音频、视频
- Net处理html页面元素工具类(HtmlAgilityPack.dll)的使用