HTML中显示特殊字符“＜”,“＞“

Cheryl71

于 2021-03-16 17:13:57 发布

阅读量2.8k

点赞数 1

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/Day71/article/details/114889274

版权

html 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在HTML中正确显示特殊字符“<”和“>”，并通过实例演示了使用字符实体编码来解决这一问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML中显示特殊字符“<”,">"，发现在页面没有渲染
如图所示，希望实现效果
在这里插入图片描述
在页面上渲染出邮件的邮件表达式，包含字符< >
1.使用v-text

<v-avatar color="indigo" size="200" rounded>
    <span 
	    class="white--text headline" 
	    v-text="<cheryl123@qq.com>"
    >
    </span>
</v-avatar>

页面未渲染

2.直接写入html

<v-avatar color="indigo" size="200" rounded>
   <span class="white--text headline">
     <cheryl123@qq.com> 
   </span>
</v-avatar>

页面未渲染

如果要在标签中显示"<“或者”>"等特殊字符，可以使用“&”开头，“;”结尾，中间加上字符对应的编码就可以啦。

3.使用编码

<v-avatar color="indigo" size="300" rounded>
   <span class="white--text headline">&lt; cheryl123@qq.com &gt;</span>
 </v-avatar>

渲染成功！