批量转义HTML代码为文本格式显示

作者: 水淼 日期: 2016-04-28 00:22:57 人气: - 标签: HTML 排版教程


比如下面这段HTML代码,能以纯文本的格式在网页中显示出来,就需要使用转义。如果没有经过转义,直接使用软件发布出来,这些代码就会被执行而不是显示代码本身。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS背景透明文字不透明</title>
<style type="text/css">
.item{width:500px;font:17px '微软雅黑';height:300px;margin:0 auto;position:relative;}
.hi,h3{position:absolute;left:0;bottom:0;width:100%;height:36px;}
h3{line-height:30px;color:#fff;margin:0;z-index:1;}
.hi{background:blue;opacity:0.3;}
</style>
</head>
<body>
<h1>Div背景透明文字不透明</h1>
<div class="item">   
<p><a href=http://www.codefans.net/jscss/code/"http://www.codefans.net/jscss/"><img src=http://www.codefans.net/jscss/code/"http://www.codefans.net/jscss/demoimg/wall5.jpg" /></a></p>
<h3>你看!这行文字下面的背景透明了,而文字没有透明。</h3><div class="hi"></div>
</div>
</body>
</html>



可以使用《水淼·多功能批量排版》来批量替换实现转义。


&|<|>| |
|"


&amp;|&lt;|&gt;|&nbsp;|<br>
|&quot;



Copyright © 2009-2019 水淼软件技术 Inc. 保留所有权利。粤ICP备16013086号 霏凡软件站 转载文章如有侵权请联系删除