Skip to content

[html] 第87天 举例说明如何原样输出HTML代码,不被浏览器解析? #600

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第87天 举例说明如何原样输出HTML代码,不被浏览器解析?

Activity

Wendy0828

Wendy0828 commented on Jul 11, 2019

@Wendy0828
  1. 使用pre标签
  2. 转义...
dondonZh

dondonZh commented on Jul 12, 2019

@dondonZh

方法1: 如果是有空格和回车这样的特殊字符的简单文本, 在文本外加

标签

方法2:用<textarea></textarea>标签

方法3:把html的<>转换成特殊字符 (例:< div > 内容 < /div >)

方法4:如果是html内容、javascript、xml或其他特殊内容,使用<xmp></xmp>标签

方法5:如果是在代码中执行时要显示或打印等可以使用
摘自博客

xiangshuo1992

xiangshuo1992 commented on Jul 12, 2019

@xiangshuo1992
Contributor

precode

nowherebutup

nowherebutup commented on Jul 12, 2019

@nowherebutup

使用pre标签

JiangXue93

JiangXue93 commented on Jul 12, 2019

@JiangXue93

<xmp></xmp>标签已被废弃,建议不要使用了。
推荐使用<pre>或者<code>,需要注意的是将内容中的"<"转义为"&lt;",以防止被浏览器当作正常标签解析。

摘自MDN

Pangnz

Pangnz commented on Jul 17, 2019

@Pangnz
	<textarea rows="" cols="" style="border: none;resize: none;width: 100%;"><div class="div2">2</div></textarea>
smile-2008

smile-2008 commented on Mar 3, 2021

@smile-2008

用<textarea></textarea>标签

使用pre标签

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @smile-2008@haizhilin2013@JiangXue93@xiangshuo1992@Wendy0828

        Issue actions

          [html] 第87天 举例说明如何原样输出HTML代码,不被浏览器解析? · Issue #600 · haizlin/fe-interview