HTML code

html中pre和code标签 - 简书

文章推薦指數： 80 %
投票人數：10人

1.code标签的定义: 标签， 用于表示计算机源代码或者其他机器可以阅读的文本内容。

软件代码的编写者习惯了编写 ... html中pre和code标签pre标签 1.pre标签的定义: 

标签用来定义预格式化的文本，被包围在pre标签中的文本通常会保留空格和换行符，而文本也会呈现出等宽字体。

同样，pre标签的一个常见的应用便是用来保存计算机中的源代码文本。

示例如下：
代码：

html中pre和code标签,html中pre和code标签
html中pre和code标签,html中pre和code标签

html中pre和code标签



效果：





pre在浏览器中的效果.png

2.pre标签的功能:
pre标签一个常见的应用便是用来保存计算机中的源代码的文本。

但是，需要注意的是，可以导致段落断开的标签（例如标题、
和
标签）绝不能包含在
所定义的块里。

pre标签允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。

当把其他标签（比如标签）放到
块中时，就像放在HTML/XHTML文档的其他部分中一样即可。

示例如下：
代码:

<html>
<head>
<scripttype="text/javascript"src="loadxmldoc.js">
</script>
</head>
<body>
<scripttype="text/javascript">
xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a>("books.xml");
document.write("xmlDocisloaded,readyforuse");
</script>
</body>
</html>



效果：





pre标签.png

code标签
1.code标签的定义:
标签，用于表示计算机源代码或者其他机器可以阅读的文本内容。

软件代码的编写者习惯了编写代码时的代码格式，那么这个标签就是为软件代码编写者设计的，code标签内的文本将用等宽、类似电传打字机样式的字体（Courier）显示出来。


2.code标签的应用:
应该是只用在表示计算机程序源代码或者其他机器可以阅读的文本内容上。

标签的功能有：将文本变成等宽字体；还有一个功能就是暗示这段文本是源程序代码。

那么根据第二个功能，将来浏览器可能会根据自己的实际情况添加效果。

例如，程序员的浏览器可能会寻找片段，并执行某些额外的文本格式化处理，如循环和条件判断语句的特殊缩进等。


代码：

vara;
varb=document.getELementById("id1").value;
varc=document.getELementById("id2").value;

returna+b+c;


效果：





code使用.png

code和pre之间的关系
共同点：都主要应用于浏览器显示计算机中的源代码。


不同点：code标签的一个功能是暗示浏览器code标签所包围的文本是计算机源代码，浏览器可以做出自己的样式处理，pre标签则没有这项功能，但是pre标签可以保留文本中的空格和换行符，保留文本中的空格和换行符是计算机源代码显示所必须的样式。

code标签和pre标签是可以嵌套使用的，但是必须注意两者的嵌套顺序。


推荐阅读更多精彩内容HTML标签HTML标签解释大全一、HTML标记标签：!DOCTYPE说明：指定了HTML文档遵循的文档类型定义(D...米塔塔阅读2,740评论1赞41HTML+CSS(47-72)问答题47/72常见浏览器兼容性问题与解决方案？参考答案(1)浏览器兼容问题一：不同浏览器的标签默认的外补..._Yfling阅读12,863评论1赞91SpringCloudSpringCloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...卡卡罗2017阅读129,341评论18赞137HTML_pre和code的详解HTML
标签定义和用法定义：标签的意思是“preformattedtext”（预格式化的文...07120665a058阅读1,032评论2赞4HTML中的pre和code详解这两个标签的嵌套顺序可以是任意的code标签定义:标签，用于表示计算机源代码或者其他机器可以阅读的文本内容...杨慧莉阅读1,119评论0赞0妈妈的字典——坚强2016年5月25，在我们相识的第278天，我们正式见面了。

你比预订到达的时间只早了两天，因此妈妈没有太惊慌。

没有...暖暖的妈妈阅读37评论0赞0寡妇阿莲阿莲全名是什么，没人知道。

但是阿莲是十里八村乃至整个县城跑私车里面最有名的。

阿莲是个寡妇，没人知道她的男人是因为什...窦一豆阅读401评论0赞10抽奖1赞2赞赞赏更多好文

請為這篇文章評分？

延伸文章資訊