HTML如何处理字符标记

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

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

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

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

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

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