html按原始格式显示,以HTML格式显示HTML代码

最新推荐文章于 2022-02-05 13:32:04 发布

sunhanwu

最新推荐文章于 2022-02-05 13:32:04 发布

阅读量728

点赞数

文章标签： html按原始格式显示

这篇博客探讨了在网页中预格式化和展示代码的最佳实践，包括使用`<pre>`标签、CSS样式增强以及代码高亮。文章警告读者避免使用废弃的`<xmp>`标签，并推荐了MDN Web Docs作为权威参考资料。同时，提到了代码块的样式美化和在回答中引用代码的正确方式。

摘要由CSDN通过智能技术生成

Erfan Safarp..

142

最好的办法:

// your codes ..

旧样本:

样本1:

This text has

been formatted using

the HTML pre tag. The brower should

display all white space

as it was entered.

样本2:

My pre-formatted code

here.

示例3 :(如果您实际上"引用"一段代码,那么标记将是)

My pre-formatted "quoted" code here.

很好的CSS示例:

pre{

font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;

margin-bottom: 10px;

overflow: auto;

width: auto;

padding: 5px;

background-color: #eee;

width: 650px!ie7;

padding-bottom: 20px!ie7;

max-height: 600px;

}

语法高亮代码(专业工作):

彩虹 (非常完美)

最适合您的链接:

[developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp#Summary)说, "**不要使用这个元素**.它自HTML3.2以来就已被弃用,并没有以一致的方式实现.它已完全从HTML5中的语言中删除." (5认同)

答案中使用的元素根本没有解决问题:它们不会影响启动标记的"