code和pre区别

坑爹的,今天复习基础,本来写了个获取样式,为了显示出我的代码,才发现了 code和pre标签竟然是不同的。

1.用 JS 的代码注释风格来说
code 就是 //
pre就是 /**/

2.用 Markdown 的语法来说
code 就是 `一行代码`
pre就是 “` 一坨代码 “`

3.如果要说人话
1) pre标签可以保留 pre 元素中的 文本的 空格和换行符。
2) pre里面还可以包含 链接、水平分割线、图像。
3) code标签: 不保留原来内部元素的 文本格式,诸如换行符、缩进符被删掉了。

示例:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
		let a = 1;<br>
		let b = 2;<br>
		console.log(a+b);<br>
		<br>
	<code>
		let a = 1;
		let b = 2;
		console.log(a+b);
	</code>
	<pre>
		let a = 1;
		let b = 2;
		console.log(a+b);
	</pre>
</body>
</html>

运行上面html,显示结果:

let a = 1;
let b = 2;
console.log(a+b);

let a = 1; let b = 2; console.log(a+b);
		let a = 1;
		let b = 2;
		console.log(a+b);
Posted in html5