pre预格式标签
code，tt标签
1 <!doctype html>
2 <html lang='zh-cn'>
3 <head>
4 <meta charset='utf-8'>
5 <meta name='author' content='宋英杰'>
6 <meta name='keywords' content=''>
7 <meta name='description' content=''>
8 <title>pre-code</title>
9 <style type='text/css'>
10 *{margin:0;padding:0;}
11 html{font-size:100px;}
12 body{font:0.14rem/1.5 Microsoft Yahei,Arial,'宋体','黑体';background:#FFF;}
13 span{color:red;}
14 </style>
15 </head>
16 <body>
17 <pre>
18 <>
19 <html>
20 <head>
21 </head>
22 <body>
23 不能用标题标签hx，段落标签p，address地址标签；会导致段落断开
24 不能用tab键，各个浏览器解析效果不同；
25 pre内的代码会保留空格、换行符
26 <a href="http://www.baidu.com">baidu</a>（完整链接会有效果的yo）
27 </body>
28 </html>
29 </pre>
30 <code>code标签只用于表示计算机源代码，字体是Courier；
31 它是<span>内容基础样式content-based style；</span>
32 默认文本字体等宽，但是谁知道浏览器会怎么显示呢？只要表示源代码就无关紧要。</code>
33 <tt>tt直接的等宽字体效果，是<span>物理样式physical style</span></tt>
34 <p>code和tt是行内标签</p>
35 </body>
36 </html>