美文网首页
pre和code

pre和code

作者: 张鸽 | 来源:发表于2017-05-18 20:41 被阅读0次

<pre> 标签可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
可以导致段落断开的标签(例如标题、<p>和<address>标签绝不能包含在 <pre> 所定义的块里。

<pre>int x = 0;
int y = 1;

int z = x + y; 
</pre>

效果:

<code>标签用于表示计算机源代码或者其他机器可以阅读的文本内容
<code>标签通常只是把文本变成等宽字体,同时暗示这行代码是源程序代码。

<code>一段电脑代码</code>

效果:<code>一段电脑代码</code>


两者之间的关系:
相同之处:
都主要应用于浏览器显示计算机中的源代码
不同之处:
code只显示单行编程代码;
pre则是显示一大段编程代码,而且会保留原文本中的空格和换行。
code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码,浏览器可以做出自己的样式处理,pre标签则没有这项功能,但是pre标签可以保留文本中的空格和换行符。
code和pre能嵌套使用,但要注意嵌套的顺序。如下

<pre>
    <code>
        hello world
    </code>
</pre>

显示效果:

相关文章

  • pre和code

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

  • HTML pre和code的作用和用法

    pre和code表示的相同点:都是对于文本内容的格式化 pre和code表示的不同点:pre 元素可定义预格式化的...

  • code和pre标签

    code 定义: 标签, 用于表示计算机源代码或者其他机器可以阅读的文本内容。软件代码的编写 者习惯了编写代码时的...

  • 简书代码快捷编辑

    简书代码2 <\pre> code2 简书代码3 简书代码4 <\pre> code3 <\pre> co...

  • HTML的pre和code

    pre   - 定义:用来定义预格式化的文本,包含在pre的文本会保留空格和换行符,文本呈现为等宽字体 pre包含...

  • pre和code的区别

    pre标签与code标签本质上只是用途上的小区别 使用 标签为你的网页加入大段代码使用 标签保存一行代码pre示例...

  • pre与code

    在文章中一般如果要插入多行代码时不能使用 标签了。 作为代码标签来使用,可以定义该标签显示时候的格式,但毕竟只对单...

  • PEP 8 — the Style Guide for Pyth

    PEP 8 — the Style Guide for Python Code This stylized pre...

  • html中pre和code标签

    pre标签 1.pre标签的定义: 标签用来定义预格式化的文本,被包围在pre标签中的文本通常会保留空格和换行符,...

  • 10 Reasons Kids Should Learn to 

    10 Reasons Kids Should Learn to Code When it comes to pre...

网友评论

      本文标题:pre和code

      本文链接:https://www.haomeiwen.com/subject/bzdjxxtx.html