HTML如何显示 ‘ ＜ ‘ 和 ‘ ＞ ‘

转义字符的使用

在HTML中，<和>是特殊字符，分别用于标签的开头和结尾。要显示这些字符本身而非作为标签的一部分，需要使用HTML实体（HTML entities）进行转义。

• < 对应的HTML实体是 <
• > 对应的HTML实体是 >

示例代码：

<p>显示小于号：<</p>
<p>显示大于号：></p>

使用JavaScript动态插入

通过JavaScript的textContent或innerText属性，可以安全地将包含<和>的文本插入到DOM中，避免被解析为HTML标签。

示例代码：

<script>
  document.getElementById("demo").textContent = "显示 < 和 >";
</script>

使用CSS的content属性

在CSS中，可以通过content属性显示这些字符，但同样需要使用转义字符。

示例代码：

.element::before {
  content: "显示 < 和 >";
}