在div标签中显示特殊字符(包括html标签)

简介: 在div标签中显示特殊字符(包括html标签)

看到很多同学在网上搜索如何在<div></div>中忽略特殊字符,我在遇到这个问题的时候,同样搜索了很久。虽然是一个很简单的知识点,但为了以后方便查找使用,就在这里总结一下。


1. 使用<c:out>标签进行显示


首先要在jsp页面中头部引入标签库:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


在div标签中:

<div>
        <!-- 关键点:escapeXml属性 -->
        <c:out value="${prodcopy.name }" escapeXml="true"/>
    </div>


2. 补充:使用<display:column>标签时显示特殊字符


这里也要特别说明一下<display:column>的escapeXml属性(其实含义是同上的),下面咱再具体解释一下:


escapeXml属性:


效果类似于jstl中的<c:out escapeXml="true|false" />,这个属性大家不一定使用过,不过可以了解一下,<c:out>标签中该属性默认值是true,而<display:column>标签默认值是false,当该属性为true时,它会自动转化待显示的字符串中的特殊字符,比如html中的<,>,',",&,这些字符会转成实体字符,<>等这样的结果就是在网页上原封不动地显示了原字符串。相反如果该属性值是false,它是不会做任何转换的。这样由浏览器显示的时候,就有可能得到意想不到的结果。


示例:

<display:column property="name" title="名称" style="text-align:center"  escapeXml="true"></displa


相关文章
|
8月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
175 5
|
5月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
227 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
5月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
121 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
7月前
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
206 49
|
7月前
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
205 5
|
7月前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
8月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
131 2
|
8月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
103 1
|
7月前
|
存储 移动开发 前端开发
|
8月前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
289 0