我应该使用哪个html标签将代码放入博客文章中

Question

我想在我的博文中放入C，c ++，JAVA和HTML代码，我发现许多网站都有blockquote，代码和其他标签。我应该使用哪一个（谷歌会喜欢哪个）。请告知是否有任何新的HTML标记可用。谢谢

Answer 1

有pre和code。这就是stackoverflow的作用。

<pre><code>
 Your code here
</code></pre>

作为额外的奖励，StackOverflow使用Google Code Prettify添加语法突出显示。

Answer 2

“谷歌会喜欢哪一个”这个问题的答案是Google搜索可能会忽略您将用于代码的任何标记。至少谷歌有相反的陈述或任何影响的经验证据。

从HTML的早期开始，code标记被定义为计算机代码（有些模糊，但通常被解释为至少涵盖编程语言和标记语言）。这没有新的标记。但是，W3C HTML5草案评论说：“虽然没有正式的方法来表明计算机代码的语言被标记，但是希望用所用语言标记代码元素的作者，例如，因此语法突出显示脚本可以使用正确的规则，可以通过添加前缀为＆＃34;语言的类来实现 - ＆＃34;对元素。“所以你可以写

<code class="language-C">i++</code>

但这只是一个建议的惯例，并且可能没有被任何相关软件认为是特别的;这只是一个关于造型的想法，真的。

除了少数例外，使用code标记的唯一真正影响是它默认使字体等宽（并将字体大小减小到大约90％）。

pre元素表示预先格式化的文本，因此它基本上是表示性的，可以在CSS中使用white-space: pre来代替。在实践中，它还默认使用等宽字体（并减小字体大小）。

理论上，blockquote元素表示来自外部来源的引用。因此，它与计算机代码或人类语言完全正交。在实践中，除了设置所有方面的默认边距之外几乎没有任何其他影响。

所提及的元素都没有更改HTML文档中解释HTML标记的规则。因此，您无法直接撰写a<b或<p>或a&b;仍然需要通过HTML规则转义字符<和&。

从广义上讲，谷歌并不完全不了解这里讨论的标记。 Google 翻译将code内容视为基本上不可翻译（即，保持其内容完整，而不是翻译关键字和标识符），这大部分都是好的（对于正确的代码而言，不是用于评论） ）。奇怪的是，它似乎以同样的方式对待pre和blockquote，原因并非明显。