预排版标记<pre></pre>在网页中原封不动地都显示出来，实体符号

最新推荐文章于 2022-05-24 10:28:13 发布
最新推荐文章于 2022-05-24 10:28:13 发布
阅读量3.1k 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weisubao/article/details/43447817
版权

（1）有时候需要特殊的输出格式的时候，需要用到预排版标记符号<pre></pre>

<!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" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>前端</title>
</head>
<body>
	<pre>
		这是  预排版标记
		这是  真的吗？
		 前面有空格
		&copy;版权
		&reg;注册商标
	</pre>
</body>
</html>

显示结果：

（2）实体符号的使用，一般是针对特殊的内容，比如内容里面有<div&css使用>，这里的<和>就需要使用&lt;和&gt;等代替。

如果需要特殊的乘法符号×或者÷，也可以用实体符号代替。

——不过，目前输入法已经相当方便。而且关于©等符号都可以直接输入法写出来，或者直接从其他地方复制粘贴出来一样可以用。所以目前实体符号在一般项目中基本不怎么使用。

喂-不吃素的熊宝宝
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
HTML语言剖析4:排版标记
seven2000的专栏
08-21 1268
HTML语言剖析-4▲Top四、排版标记 ； ； ； ； ； ； ； ； ；
<pre>标签，加入代码段
燕十三的博客
02-20 654
语法：<pre>代码段</pre> <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 如下代码：<pre> var message="欢迎"; for(var i=1;i<=10;i++) { alert(message); } </pre> 注意：<pre>标签不只是为显示计算机的源代码时用的，在你需
预格式化文本pre标签
热门推荐
JiuMeilove的博客
09-02 3万+
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 < pre > 标签的一个常见应用就是用来表示计算机的源代码。 演示 <pre> 此例演示如何使用pre标签 对空行 和空格 进行控制 </pre> 效果如下： 此例演示如何使用pre标签 对空行 和空格 进行控制 所谓的预格式化文本就是，按照我们预先写好的文字格式
pre标签:预先排版的文本展示标签
TwelveSpring的博客
05-24 1056
pre标签:预先排版的文本展示标签
HTML基础二
mikeyPlisetsky的博客
10-30 401
（以下内容要包含在body里） 1、预排版标记<pre></pre>,保留输入时的格式。怎么进去的，就怎么出来。（笑） <pre> 快乐风男：温蒂，魈，万叶。 璃玥三霸：钟离 ，魈，甘雨。 出门不带钱系列：钟离，雷神。 烹饪二倍系列：香菱，芭芭拉，迪奥娜。 </pre> 2、列表标记（嵌套<li></li>使用） （1）无序列表<u...
html中的预格式标签<pre>
小新正在敲代码
02-24 6562
pre标签中的文本会被保留空格和换行符，这点是其最大的特点。我们知道在html的其他的标签中空格和换行都是被忽略的。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>pre</title> </head> <body> <div> aaa aaa
HTML学习3---排版标记
weixin_34219944的博客
08-04 240
上节，我们学习了boda常用的属性以及HTML的一些标记，但是图显示的效果却不是那么的好看。 原因就是没有排版好，我们这次使用居中来使这个页面更好看一点，顺便多加入几个别的标记。 HTML排版标记 (1)<p></p> ： 表示一个段落。一段文字放在p标记里就可以了。 ...
【前端】<div>的排版练习【HTML+CSS+JavaScript(JS)】
02-11
【前端】<div>的排版练习【HTML+CSS+JavaScript(JS)】
网页排版中10种致命的语义错误
09-22
是来自于Steven D编写的WEB前端开发设计要点的内容。虽然许多设计师已非常熟练的使用了Web标准，让人遗憾的是有很多...这里有10种致命的语义错误的演示，把它们公布出来以避免您在网页排版中继续使用：1、使用连字符
css网页布局中文字排版的属性和用法
09-25
今天总结下，css网页布局中文字排版的相关属性以及用法。
2html-文本排版控制标记符公开课.pptx
12-14
2html-文本排版控制标记符公开课.pptx
HypertextTypographer::memo: 突出显示并修复网页排版中可能存在的编码问题
07-03
超文本排版员 对于 。 突出显示 HTML 中的印刷错误并立即修复它们。 撰稿人和客户使用 ... 由于这是为了检测copy 中的问题，特别是，默认情况下，您通常应该转义或替换为字符实体的几个字符不会突出显示或被 Hyper
HTML用来显示计算机代码的标签 pre 预定义格式标签
为了梦，爱一生
05-25 4222
对于HTML，您无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的的空格或空行都会被算作一个空格。 《春晓》 春眠不觉晓， 处处闻啼鸟， 夜来风雨声， 花落知多少。
HTML排版标签
一人我饮酒醉
12-22 8036
排版标签 : p: 段落标签,把文本内容分段落显示。支持嵌套。 hr:水平线标签，没有主体内容，使用自闭合。水平线默认宽度是占满外层元素 属性有： align：水平线所处的位置（相对位置)，相对外层元素而说的 width: 水平线的宽度
5、HTMLpre标签、实体、表格与表单
AuhuAo的博客
03-16 757
（一）pre标签（&lt;pre&gt;&lt;/pre&gt;）: pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 注：pre不要用来拼版，主要用来做调试 （二）实体 &amp;lt：&lt; &amp;gt:&gt; &amp;nbsp:空格 &amp;quot：" （三）表格 默认情况下，网页的布局是...
HTML排版标记
weixin_33860553的博客
11-26 135
2019独角兽企业重金招聘Python工程师标准>>> ...
HTML完整版教程
m0_59086897的博客
01-08 2129
零基础 html 教程完整版 ~ 持续更新中 html 比较简单1~3天就可以学完，记得多动手实验。
html pre预格式文本是啥意思
Crosoe的笔记——菜鸟，求指导！
05-20 1661
Html 排版与标签（一）
danfengw的博客
12-20 2706
一、标签<p></p>:段落 ，内容写在两者之间，有align属性。 <br>:换行 <hr>:线条,可以设置颜色、长短、宽度、位置 <pre>:保持文本格式 字体方面： <h1>……<h6>:字体依次变小一号，如果字体大于<h1>号，会默认为<h1>号字体的大小，如果字体小于<h6>号字体，则会默认不在小于<h6>号字
<?xml version="1.0" encoding="UTF-8"?> <ui version="4.0"> <class>Client</class> <widget class="QDialog" name="Client"> <property name="geometry"> <rect> <x>0</x> <y>0</y> <width>396</width> <height>196</height> </rect> </property> <property name="windowTitle"> <string>Dialog</string> </property> <widget class="QPushButton" name="cCancleBtn"> <property name="geometry"> <rect> <x>180</x> <y>150</y> <width>75</width> <height>23</height> </rect> </property> <property name="text"> <string>取消</string> </property> </widget> <widget class="QPushButton" name="cCloseBtn"> <property name="geometry"> <rect> <x>280</x> <y>150</y> <width>75</width> <height>23</height> </rect> </property> <property name="text"> <string>关闭</string> </property> </widget> <widget class="QLabel" name="cStatusLbl"> <property name="geometry"> <rect> <x>60</x> <y>110</y> <width>131</width> <height>16</height> </rect> </property> <property name="text"> <string>等待接收文件...</string> </property> </widget> <widget class="QLabel" name="label_2"> <property name="geometry"> <rect> <x>60</x> <y>60</y> <width>54</width> <height>12</height> </rect> </property> <property name="text"> <string>已完成</string> </property> </widget> <widget class="QProgressBar" name="progressBar"> <property name="geometry"> <rect> <x>110</x> <y>50</y> <width>271</width> <height>23</height> </rect> </property> <property name="value"> <number>0</number> </property> </widget> </widget> <resources/> <connections/> </ui>介绍界面设计的基本原则
最新发布
06-10
1. 简洁明了：界面要简单明了，避免过多的复杂元素和混乱的排版，让用户一眼能够看出主要功能和操作方式。 2. 易于使用：界面要易于使用，功能操作应该符合用户的习惯和心理预期，避免设计过于独特或过于复杂的交互...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值