1、打开谷歌浏览器,访问一个在线html编辑的站点,在左侧编写代码,右侧显示结果,很方便。如图所示,我们左侧输入"<p>测试</p>",右侧显示"测试",符合我们的预期。
2、现在我们可以先看一下html里面“>”、“<”的原始码分别是:“>”、“<”。后面我们要用到。
3、在左侧直接输入“<>”,运行之后,可以看到右侧直接显示了“<>”,符合我们的预期。
4、在左侧直接输入“<”、“>”,运行之后,可以看到右侧直接显示了“<>”,也符合我们的预期。
5、在左侧输入“<p>”,其余不变,如图所示,可以看到右侧并没有输出对应的“<p>”结果,因为“<p>”和html里的块级元素<p>相冲突。
6、我们将左侧改成输入“<p>”,其余不变,如图所示,可以看到右侧输出对应的“<p>”结果,符合我们的预期,成功避免了冲突。如果觉得有用,记得点赞或投票支持!