ClickHouse soap reflection concurrency sdk mono Fries formvalidator.js 后台管理页面模板 jq遍历 grep不是内部命令 cad怎么重复上一次命令 quartz配置 css选择器有几种 python练习题 python类 python正则匹配空格 java中接口的定义 java字符串匹配 linux命令 linuxgrep linux简介 html实例教程 jb51 忧思华光玉攻略 万能低格工具 隐藏虚拟键 alphacam msdev 深入浅出通信原理 idea重命名快捷键 考试练习系统 emit 手机主题之家 网络克隆 疯狂java讲义 adobe卸载工具 苍灵世界 游戏linux正则表达式 pp安卓助手
当前位置: 首页 > 学习教程  > 编程学习

Html之pre、xmp标签_感觉没什么用_实例

2021/1/9 1:54:31 文章标签: xmp格式

1 通过三部分来看他们的区别&#xff0c;下面有详细的解释 <html><head> <title>欲格式化文本</title></head><body>下面是pre代码&#xff1a;<pre><oL><li>HTMLCSS完全自学手册 HTMLCSS完全自学手册</li>…


1 通过三部分来看他们的区别,下面有详细的解释

<html>
	<head>		
		<title>欲格式化文本</title>
	</head>
	<body>
		下面是pre代码:
		<pre>
			<oL>
			<li>HTML+CSS完全自学手册      HTML+CSS完全自学手册</li>
			<br>
			<li>HTML+CSS完全自学手册   		HTML+CSS完全自学手册</li>
			</oL>
		</pre>
		下面是xmp代码:	
		<xmp>			
			<oL>
			<li>HTML+CSS完全自学手册            HTML+CSS完全自学手册</li>
			<br>
			<li>HTML+CSS完全自学手册   		HTML+CSS完全自学手册</li>
			</oL>
		</xmp>	 
		
			
			<oL>
			<li>HTML+CSS完全自学手册            HTML+CSS完全自学手册</li>
			<br>
			<li>HTML+CSS完全自学手册   		HTML+CSS完全自学手册</li>
			</oL>	<xmp>	
		</xmp>	
	</body>
</html>

2 效果图


3 解释

下面为转载的内容:

pre、xmp标签

功能:pre 标签用于定义预格式化的文本。

语法:<pre>...</pre>

被<pre>标签包围的文本会保留空格和换行符,而文本也会呈现为等宽字体。

<pre>标签包围的文本中可以含有其它HTML标签,它们会被执行而不会显示出来。

<pre>标签包围的文本不会自动换行,所以如果它包含了大的段落,会被显示在一行中。

HTML与XHTML之间的差异:

在HTML 4.01中,pre元素的"width"属性是不被赞成使用的。

在XHTML 1.0 Strict DTD中,pre元素的"width"属性是不被支持的。

S:Strict,T:Transitional,F:Frameset 属性 值 描述 DTD width 数字 定义每行的最大字符数(通常是 40、80 或 132) TF

标准属性:

id、class、style、title、dir、lang、xml:lang

详见:HTML标准属性。

事件属性:

onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

详见:事件属性。

 xmp 标签  回顶部

功能:xmp 标签用于定义预格式化的文本。

语法:<xmp>...</xmp>

被<xmp>标签包围的文本会按原始内容显示出来,包括空格和换行符,以及HTML标签。

在<xmp>标签包围的文本中,所有HTML标签都会失效,它们会被显示出来。

HTML与XHTML之间的差异:

在HTML 4.01中,xmp元素是不被赞成使用的。

在XHTML 1.0 Strict DTD中,xmp元素是不被支持的。

S:Strict,T:Transitional,F:Frameset 属性 值 描述 DTD width 数字 定义每行的最大字符数(通常是 40、80 或 132) TF

标准属性:

id、class、style、title、dir、lang、xml:lang

详见:HTML标准属性。

事件属性:

onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

详见:事件属性。

 实例1  回顶部

用pre标签预格式化文本。

<pre>
   <b>雪花的快乐 (节选)</b>

   假若我是一朵雪花,
   翩翩的在半空里潇洒,
   我一定认清我的方向
   --飞炀,飞炀,飞炀,
   这地面上有我的方向。

   不去那冷寞的幽谷,
   不去那凄清的山麓,
   也不上荒街去惆怅
   --飞炀,飞炀,飞炀,
   你看,我有我的方向!
</pre>

本例效果:

雪花的快乐 (节选) 假若我是一朵雪花, 翩翩的在半空里潇洒, 我一定认清我的方向 --飞炀,飞炀,飞炀, 这地面上有我的方向。 不去那冷寞的幽谷, 不去那凄清的山麓, 也不上荒街去惆怅 --飞炀,飞炀,飞炀, 你看,我有我的方向!

说明:在<pre>标签包围的文本中不需要用<p>、<br />等标签分行,直接用回车就行了,文本中的空格也可以正常显示出来。

 实例2  回顶部

用xmp标签预格式化文本。

<xmp>
定义列表的标签包括<ul>、<ol>、<li>等,用<ul>和<li>可定义符号列表,用<ol>和<li>可定义编号列表。
</xmp>

本例效果:

说明:在<xmp>标签包围的文本中出现的HTML标签会直接显示出来。

2-----》第二种解释

利用<pre></pre>这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。算是相当好用的标签之一。也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的,不用 和<BR>等来表示空格或者回车了  
也就是说<pre></pre>标签在HTML中具有预格式化功能,  
 
当<xmp>不被推荐时已经让<pre>不再有什么价值,<pre>不能起到和<xmp>相同的功能:  
<pre><b>Hello</b></pre> 会显示为 Hello  
 
<xmp><b>Hello</b></xmp> 则显示为 <b>Hello</b>

The "width" attribute of the pre element was deprecated in HTML 4.01.
在HTML4.01中pre元素的"width"属性不被支持。

The "width" attribute of the pre element is not supported in XHTML 1.0 Strict DTD.
XHTML1.0严密型DTD将不再支持pre元素中的”width“属性。




本文链接: http://www.dtmao.cc/news_show_1100069.shtml

附件下载

上一篇:XML格式

下一篇:基本格式及标签大全

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?