Heim > Web-Frontend > HTML-Tutorial > Welche Rolle spielt das Pre-Tag?

Welche Rolle spielt das Pre-Tag?

云罗郡主
Freigeben: 2019-02-16 11:58:20
Original
21914 Leute haben es durchsucht

pre标签的作用是什么?

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体,最常见应用就是用来表示计算机的源代码。

作用:定义预格式化的文本。

说明:被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

 标签的一个常见应用就是用来表示计算机的源代码。可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)绝不能包含在 <pre class="brush:php;toolbar:false"> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。</p>
<p>注释:如果您希望使用 <pre class="brush:php;toolbar:false"> 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 "&lt;" 代表 "<","&gt;" 代表 ">","&amp;" 代表 "&"。</p>
<p>html pre标签 示例</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><html>
  <meta charset="utf-8">
<body>
  <pre class="brush:php;toolbar:false">
    离离原上草,一岁一枯荣。
    野火烧不尽,春风吹又生。
  

可以看到上面我们没有做任何的CSS渲染,文字依然按照我们排列好的形式格式化输出

Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonWelche Rolle spielt das Pre-Tag?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage