如何在不修改 .html 文件的情况下将 HTML 显示为纯文本

Question

我教授GUI课程，使用网页而非PPT。 我开始在课程中添加HTML5和CSS教学内容。 对于文件style_by_kind.html，这是一个CSS示例。

当学生单击链接时，显然会运行文件并显示。 学生可以在浏览器中使用“另存为”功能以获取自己的副本。

我希望将源代码显示为文本，以便我可以讲解html CSS代码。 链接运行代码。 物理包含文件运行html代码。 不适用输出，只适用注释。 由于更新持续进行，复制具有另一种文件类型扩展名的文件不可取，并且不可能将html“引用”出来。

如果能够轻松地在链接或物理包含的副本周围放置简单的语法，使学生只看到纯文本，那将是非常感激的。

- Jon Squire

---

仅使用“查看源代码”有什么问题吗？ - Phil.Wheeler

Answer 1

根据文件的提供方式，您可能可以将ContentType标头设置为text/plain，但我怀疑大多数浏览器仍会嗅探文件的MIMETYPE并将其呈现为html。

如@hamlin11所建议的那样使用

标签是个好主意。

- tjarratt

Answer 2

我建议将html文件的扩展名更改为txt。

这样，当您浏览到txt文件时，它仍然会以完全相同的编码在浏览器中显示出来。

- C_Rance

Answer 3

Use <plaintext></plaintext> tags

For example, "This is a lesson on bold tags: <plaintext><b>Bold Text</b></plaintext> will     display as <b>Bold Text</b>"

- Ajwinchell

---

自HTML2以来已弃用的标签：https://developer.mozilla.org/en-US/docs/HTML/Element/plaintext - nhahtdh