在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


相关文章
|
26天前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
46 5
|
25天前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
35 2
|
25天前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
30 1
|
2月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
89 1
|
2月前
|
移动开发 开发者 UED
HTML5中video标签controlslist属性的使用方法
`controlsList`属性为开发者提供了更多控制HTML5视频播放器行为的能力,让视频内容的集成更加灵活和符合需求。通过精心设计的控制列表,可以提升用户体验,同时保持内容的安全性和专业性。这种细节的控制和定制能力是现代Web开发的一个重要方面,反映了HTML5对开发者和内容创作者需求的响应。
163 1
|
2月前
|
存储 JavaScript Java
使用NekoHTML解析HTML并提取META标签内容
关于NekoHTML的代码样例,这里提供一个简单的示例,用于展示如何使用NekoHTML来解析HTML文档并提取其中的信息。请注意,由于NekoHTML的具体实现和API可能会随着版本更新而有所变化,以下代码仅供参考。 ### 示例:使用NekoHTML解析HTML并提取META标签内容 ```java import org.cyberneko.html.parsers.DOMParser; import org.w3c.dom.Document; import org.w3c.dom.Element; import org.w3c.dom.NodeList; import org.xml
|
2月前
|
XML JavaScript Java
NekoHTML 是一个基于Java的HTML扫描器和标签补全器
**NekoHTML** 是一个基于Java的HTML扫描器和标签补全器(tag balancer),由J. Andrew Clark开发。它主要用于解析HTML文档,并能够“修正”许多在编写HTML文档过程中常犯的错误,如增补缺失的父元素、自动用结束标签关闭相应的元素,以及处理不匹配的内嵌元素标签等。这使得程序能够以标准的XML接口来访问HTML文档中的信息。 ### NekoHTML的主要特点包括: 1. **错误修正**:能够自动修正HTML中的常见错误,如未闭合的标签等。 2. **DOM树生成**:将HTML源代码转化为DOM(Document Object Model)结构,便
|
2月前
|
JavaScript 前端开发
react字符串转为dom标签,类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法,类似于Vue中的`v-html`指令,通过使用`dangerouslySetInnerHTML`属性实现。
65 0
react字符串转为dom标签,类似于Vue中的v-html
|
20天前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
79 0
|
2月前
|
移动开发 HTML5
这些年没来得及学习的一些 HTML5 标签
【9月更文挑战第16天】HTML5 引入了许多新标签,增强了网页的功能与便利性。这些标签包括结构标签如 `&lt;header&gt;`(定义页眉)、`&lt;footer&gt;`(定义页脚)、`&lt;nav&gt;`(定义导航链接)、`&lt;section&gt;`(定义文档节)和 `&lt;article&gt;`(定义独立内容),以及多媒体标签 `&lt;audio&gt;` 和 `&lt;video&gt;`,用于播放音频和视频。此外,还有表单相关标签,如 `&lt;datalist&gt。