如何在浏览器中显示<!DOCTYPE html>、<html>等HTML标签？

要在浏览器里显示<html>、<!DOCTYPE html>这类HTML标签，核心是使用HTML实体转义，而非添加单引号。浏览器会把<和>识别为标签的开始/结束标记，必须将它们转换为对应的实体：

• < 替换为 <
• > 替换为 >

你之前尝试的添加单引号的方法不符合规范，浏览器仍会将其视为无效标签处理，无法正常显示。<pre>和<code>标签的作用是保留文本格式、标记代码块，但如果内部内容未转义，浏览器依然会解析标签，所以必须配合实体转义使用。

正确代码示例 #

基础代码块形式

<pre>
  <code>
&lt;!DOCTYPE html&gt;: 声明文档类型（HTML5）
&lt;html&gt;: 定义HTML文档的根元素
&lt;head&gt;: 包含页面的元信息
&lt;title&gt;: 设置页面标题
&lt;body&gt;: 包含页面的可见内容
  </code>
</pre>

带强调的形式

<pre>
  <strong>&lt;!DOCTYPE html&gt;</strong>: 声明文档类型（HTML5）<br>
  <strong>&lt;html&gt;</strong>: 定义HTML文档的根元素<br>
  <strong>&lt;head&gt;</strong>: 包含页面的元信息<br>
  <strong>&lt;title&gt;</strong>: 设置页面标题<br>
  <strong>&lt;body&gt;</strong>: 包含页面的可见内容
</pre>

这样浏览器会将转义后的实体解析为<和>符号，正确显示HTML标签，同时<pre>标签会保留文本的换行与缩进格式。

内容的提问来源于stack exchange，提问作者Arthur Pascual