首页 > 软件开发 > HTML >

HTML如何处理字符标记

来源:互联网 2023-03-16 19:16:05 133

我们在编写html代码的时候,有时候,需要在里面输入一些特殊的符号,这些特殊的符号本身并没有什么,但是却与html本身的一些代码形式相冲突,导致正常使用这些符号时,结果却不是我们想要的,今天就来介绍下html如何处理特殊字符。x3D办公区 - 实用经验教程分享!

工具/原料

  • 谷歌浏览器chrome73.0.3683.86
  • html在线编辑器

方法/步骤

  • 1

    打开谷歌浏览器,访问一个在线html编辑的站点,在左侧编写代码,右侧显示结果,很方便。如图所示,我们左侧输入"测试/",右侧显示"测试",符合我们的预期。x3D办公区 - 实用经验教程分享!

    HTML如何处理字符标记x3D办公区 - 实用经验教程分享!

  • 2

    现在我们可以先看一下html里面“>”、“”的原始码分别是:“>”、“<”。后面我们要用到。x3D办公区 - 实用经验教程分享!

    HTML如何处理字符标记x3D办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    在左侧直接输入“>”,运行之后,可以看到右侧直接显示了“>”,符合我们的预期。x3D办公区 - 实用经验教程分享!

    HTML如何处理字符标记x3D办公区 - 实用经验教程分享!

  • 4

    在左侧直接输入“<”、“>”,运行之后,可以看到右侧直接显示了“>”,也符合我们的预期。x3D办公区 - 实用经验教程分享!

    HTML如何处理字符标记x3D办公区 - 实用经验教程分享!

  • 5

    在左侧输入“”,其余不变,如图所示,可以看到右侧并没有输出对应的“”结果,因为“”和html里的块级元素相冲突。x3D办公区 - 实用经验教程分享!

    HTML如何处理字符标记x3D办公区 - 实用经验教程分享!

  • 6

    我们将左侧改成输入“<p>”,其余不变,如图所示,可以看到右侧输出对应的“”结果,符合我们的预期,成功避免了冲突。x3D办公区 - 实用经验教程分享!

    如果觉得有用,记得点赞或投票支持!x3D办公区 - 实用经验教程分享!

    HTML如何处理字符标记x3D办公区 - 实用经验教程分享!

  • 注意事项

    • 这里只列举了大于小于符号的特殊用途,其他的符号可以自行查找解决,大同小异。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!x3D办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码