手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML如何处理字符标记

时间:2024-10-16 04:24:33

1、打开谷歌浏览器,访问一个在线html编辑的站点,在左侧编写代码,右侧显示结果,很方便。如图所示,我们左侧输入"<p>测试</p>",右侧显示"测试",符合我们的预期。

HTML如何处理字符标记

2、现在我们可以先看一下html里面“>”、“<”的原始码分别是:“&gt;”、“&lt;”。后面我们要用到。

HTML如何处理字符标记

3、在左侧直接输入“<>”,运行之后,可以看到右侧直接显示了“<>”,符合我们的预期。

HTML如何处理字符标记

4、在左侧直接输入“&lt;”、“&gt;”,运行之后,可以看到右侧直接显示了“<>”,也符合我们的预期。

HTML如何处理字符标记

5、在左侧输入“<p>”,其余不变,如图所示,可以看到右侧并没有输出对应的“<p>”结果,因为“<p>”和html里的块级元素<p>相冲突。

HTML如何处理字符标记

6、我们将左侧改成输入“&lt;p&gt;”,其余不变,如图所示,可以看到右侧输出对应的“<p>”结果,符合我们的预期,成功避免了冲突。如果觉得有用,记得点赞或投票支持!

HTML如何处理字符标记
© 手抄报圈