html中标记pre的作用是什么,html中pre和code标签

pre标签

1.pre标签的定义:

标签用来定义预格式化的文本，被包围在pre标签中的文本通常会保留空格和换行符， 而文本也会呈现出等宽字体。同样，pre标签的一个常见的应用便是用来保存计算机中的源代码文本。示例如下：

代码：

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

html中pre和code标签

效果：

pre在浏览器中的效果.png

2.pre标签的功能:

pre标签一个常见的应用便是用来保存计算机中的源代码的文本。但是，需要注意的是，可以导致段落断开的标签(例如标题、

和

标签)绝不能包含在

 所定义的块里。 pre标签允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。 当把其他标签(比如  标签)放到

 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。示例如下：

代码:

<html>

<head>

</script>

</head>

<body>

xmlDoc=<a href="dom_loadxmldoc.asp">loadXMLDoc</a >("books.xml");

document.write("xmlDoc is loaded, ready for use");

</script>

</body>

</html>

效果：

pre标签.png

code标签

1.code标签的定义:

标签，用于表示计算机源代码或者其他机器可以阅读的文本内容。软件代码的编写者习惯了编写代码时的代码格式，那么这个标签就是为软件代码编写者设计的， code标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来。

2.code标签的应用:

应该是只用在表示计算机程序源代码或者其他机器可以阅读的文本内容上。 标签的功能有：将文本变成等宽字体；还有一个功能就是暗示这段文本是源程序代码。那么根据第二个功能，将来浏览器可能会根据自己的实际情况添加效果。例如，程序员的浏览器可能会寻找片段，并执行某些额外的文本格式化处理，如循环和条件判断语句的特殊缩进等。

代码：

var a;

var b=document.getELementById("id1").value;

var c=document.getELementById("id2").value;

return a+b+c;

效果：

code使用.png

code和pre之间的关系

共同点：都主要应用于浏览器显示计算机中的源代码。

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

html中标记pre的作用是什么,html中pre和code标签相关推荐

在HTML中标记hn的作用,html标记_1.ppt
html标记_1 第一章 HTML基础本章要点文本格式标记文本修饰标记(字体标记) 列表标记超链接标记图像和多媒体标记 HTML标记基础 2.什么是标记? 标记是网页文档中的一些有特定意义的 ...
python中的点的作用_Python基础学习中关键点的作用（三）,python,重点,之,函数,3
函数学习之匿名函数定义: 匿名函数是指在python中使用lambda所创建函数,称之为匿名函数. 特点: 创建函数不再使用def创建,而是使用lambda关键字创建一个形式主义的函数. 匿名函数的 ...
java中main方法的作用是什么_java中main方法是什么
Java中的main方法,是一个java应用程序的入口,无论一个java的应用多么复杂庞大,或是多么的小,只要他是一个可以运行的java程序那么必然就要有一个main方法. main方法的定义格式通常 ...
php中new运算符的作用,C++_C++编程中new运算符的使用学习教程，new运算符用作从自由存储为 typ - phpStudy...
C++编程中new运算符的使用学习教程 new运算符用作从自由存储为 type-name 的对象或对象数组分配内存,并将已适当分类的非零指针返回到对象. [::] new [placement] ne ...
中service层的作用_浅析Java中dto、dao、service、controller的四层结构
目前我所在的项目组采用的是SpringBoot框架,前端使用BootStrap+jQuery. SpringBoot是BS开发框架之一,不用单独开启tomcat服务器,目前比较流行,一般开发大型项目时 ...
java中的post的作用,JSP、Servlet中get请求和post请求的区别总结
在学习JavaWeb最初的开始阶段,大家都会遇到HttpServlet中的doGet和doPost方法.前两天看<Head First Servlets & JSP>看到其中讲关于 ...
php语言中双引号的作用是什么,php中的单引号与双引号作用详解
一.引号定义字符串在Php中,通常一个字符串被定义在一对引号中,如: 'I am a string in single quotes' "I am a string in double q ...
c语言中个各标点符号作用,在C语言中各个标点符号的作用是什么？
分号是一条语句的结束标志符,每一条语句都必须以分号结尾. 冒号一般在switch语句,三目运算符例如( ? : ),类等等中常用到,逗号一般用于间隔两个变量,例如定义两个变量 int a , ...
df命令能够实现linux系统磁盘管理中,Linux_linux磁盘命令中df命令的作用，linux磁盘命令中df命令的使用， - phpStudy...
linux磁盘命令中df命令的作用 linux磁盘命令中df命令的使用,系统管理员想要知道df命令的功能,看完本文相信您能得到一个满意的答案.磁盘配额:问题是他们没有表达同时想获得磁盘配额管理工具的愿 ...
【python】——Python中的*和**的作用和含义
Python中的 * 和 ** 的作用和含义 python中的*和**被称为打包和解包参数,主要作用是能够让函数支持任意数量的参数,但是在函数定义和调用中,有着不同的使用场景,具体看下面的例子打包参 ...

html中标记pre的作用是什么,html中pre和code标签

html中标记pre的作用是什么,html中pre和code标签相关推荐

最新文章

热门文章