1. 关于<em>、<strong>、<span>标签
（1） <em>和<strong>标签是为了强调一段话中的关键字时使用，其语义是强调
其中，前者在浏览器中显示为斜体，后者为粗体，国内程序员一般习惯用后者。
（2） <span>标签是没有语义的，其作用是为了单独设置样式用的
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>了不起的盖茨比</title> 6 <style> 7 span{ 8 ????color:blue; 9 }10 </style>11 </head>12 <body>13 ????<p>1922年的春天，一个想要成名名叫<em>尼克?卡拉威</em>（托比?马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，<strong>股票</strong>飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>14 ????<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>15 </body>16 </html>2. 关于<q>、<blockquote>标签
语义：引用别人的话。在html中加入的引用
前者是对简短文本的引用，后者是长文本的引用
<q>标签：使用时不要给引用文本添加“”，浏览器会对q标签自动添加双引号
<blockquote>标签：其解析是缩进样式
3. <code>和<pre>标签
在网页中显示代码
<code>：插入一行代码
<pre>：加入大段代码。<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
注意：<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
W3School原文：如果您希望使用 <pre> 标签来定义计算机源代码，比如 HTML 源代码，请使用符号实体来表示特殊字符，比如 "<" 代表 "<"，">" 代表 ">"，"&" 代表 "&"。
html标签
原文地址：https://www.cnblogs.com/niul-zhp/p/8259172.html