极客观点
项目管理
HarmonyOS
我已经被这个困扰了一段时间。我什至在网上找不到类似的场景。我有一个来自教授的 HTML 文件，浏览器将其解释为纯文本。有人能告诉我为什么吗？
浏览器：Google Chrome 版本 61.0.3163.79（正式版）（64 位）
<!-- saved from url=(0062)http://csf11.acs.uwosh.edu/371-17/demos/helloworld/square.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div class="line-gutter-backdrop"></div>
<table>
<tbody>
<tr>
<td class="line-number" value="1"></td>
<td class="line-content"><span class="html-comment"><!--square.html--></span></td>
</tr>
<tr>
<td class="line-number" value="2"></td>
<td class="line-content"><span class="html-doctype"><!DOCTYPE html></span></td>
</tr>
<tr>
<td class="line-number" value="3"></td>
<td class="line-content"><span class="html-tag"><html></span></td>
</tr>
<tr>
<td class="line-number" value="4"></td>
<td class="line-content"><br></td>
</tr>
<tr>
<td class="line-number" value="5"></td>
<td class="line-content"><br></td>
</tr>
<tr>
<td class="line-number" value="6"></td>
<td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">id</span>="<span class="html-attribute-value">vertex-shader</span>" <span class="html-attribute-name">type</span>="<span class="html-attribute-value">x-shader/x-vertex</span>"></span>
</td>
</tr>
<tr>
<td class="line-number" value="7"></td>
<td class="line-content"> // GLSL vertex shader code</td>
</tr>
<tr>
<td class="line-number" value="8"></td>
<td class="line-content"> attribute vec4 vPosition; </td>
</tr>
<tr>
<td class="line-number" value="9"></td>
<td class="line-content"><br></td>
</tr>
<tr>
<td class="line-number" value="10"></td>
<td class="line-content"> void main()</td>
</tr>
<tr>
<td class="line-number" value="11"></td>
<td class="line-content"> {</td>
</tr>
<tr>
<td class="line-number" value="12"></td>
<td class="line-content"> gl_Position = vPosition; </td>
</tr>
<tr>
<td class="line-number" value="13"></td>
<td class="line-content"> }</td>
</tr>
<tr>
<td class="line-number" value="14"></td>
<td class="line-content"> <span class="html-tag"></script></span></td>
</tr>
<tr>
<td class="line-number" value="15"></td>
<td class="line-content"><br></td>
</tr>
<tr>
<td class="line-number" value="16"></td>
<td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">id</span>="<span class="html-attribute-value">fragment-shader</span>" <span class="html-attribute-name">type</span>="<span class="html-attribute-value">x-shader/x-fragment</span>"></span>
</td>
</tr>
<tr>
<td class="line-number" value="17"></td>
<td class="line-content"> // GLSL fragment shader code</td>
</tr>
<tr>
<td class="line-number" value="18"></td>
<td class="line-content"> precision mediump float;</td>
</tr>
<tr>
<td class="line-number" value="19"></td>
<td class="line-content"><br></td>
</tr>
<tr>
<td class="line-number" value="20"></td>
<td class="line-content"> void main()</td>
</tr>
<tr>
<td class="line-number" value="21"></td>
<td class="line-content"> {</td>
</tr>
<tr>
<td class="line-number" value="22"></td>
<td class="line-content"> gl_FragColor = vec4( 1.0, 1.0, 1.0, 1.0 );</td>
</tr>
<tr>
<td class="line-number" value="23"></td>
<td class="line-content"> }</td>
</tr>
<tr>
<td class="line-number" value="24"></td>
<td class="line-content"> <span class="html-tag"></script></span></td>
</tr>
<tr>
<td class="line-number" value="25"></td>
<td class="line-content"><br></td>
</tr>
<tr>
<td class="line-number" value="26"></td>
<td class="line-content"> <span class="html-comment"><!--Include A/S WebGL support libraries--></span></td>
</tr>
<tr>
<td class="line-number" value="27"></td>
<td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/javascript</span>" <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank"
href="http://csf11.acs.uwosh.edu/371-17/demos/Common/webgl-utils.js">../Common/webgl-utils.js</a>"></span><span class="html-tag"></script></span></td>
</tr>
<tr>
<td class="line-number" value="28"></td>
<td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/javascript</span>" <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank"
href="http://csf11.acs.uwosh.edu/371-17/demos/Common/initShaders.js">../Common/initShaders.js</a>"></span><span class="html-tag"></script></span></td>
</tr>
<tr>
<td class="line-number" value="29"></td>
<td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/javascript</span>" <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank"
href="http://csf11.acs.uwosh.edu/371-17/demos/Common/MV.js">../Common/MV.js</a>"></span><span class="html-tag"></script></span></td>
</tr>
<tr>
<td class="line-number" value="30"></td>
<td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/javascript</span>" <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank"
href="http://csf11.acs.uwosh.edu/371-17/demos/Common/webgl-debug.js">../Common/webgl-debug.js</a>"></span><span class="html-tag"></script></span></td>
</tr>
<tr>
<td class="line-number" value="31"></td>
<td class="line-content"> <span class="html-tag"><script <span class="html-attribute-name">type</span>="<span class="html-attribute-value">text/javascript</span>" <span class="html-attribute-name">src</span>="<a class="html-attribute-value html-resource-link" target="_blank"
href="http://csf11.acs.uwosh.edu/371-17/demos/helloworld/square.js">square.js</a>"></span><span class="html-tag"></script></span></td>
</tr>
<tr>
<td class="line-number" value="32"></td>
<td class="line-content"><br></td>
</tr>
<tr>
<td class="line-number" value="33"></td>
<td class="line-content"> <span class="html-tag"><body></span></td>
</tr>
<tr>
<td class="line-number" value="34"></td>
<td class="line-content"> <span class="html-tag"><canvas <span class="html-attribute-name">id</span>="<span class="html-attribute-value">gl-canvas</span>" <span class="html-attribute-name">width</span>="<span class="html-attribute-value">512</span>" <span class="html-attribute-name">height</span>="
<span
class="html-attribute-value">512</span>"></span>></td>
</tr>
<tr>
<td class="line-number" value="35"></td>
<td class="line-content"> Oops ... your browser doesn't support the HTML5 canvas element</td>
</tr>
<tr>
<td class="line-number" value="36"></td>
<td class="line-content"> <span class="html-tag"></canvas></span></td>
</tr>
<tr>
<td class="line-number" value="37"></td>
<td class="line-content"> <span class="html-tag"></body></span></td>
</tr>
<tr>
<td class="line-number" value="38"></td>
<td class="line-content"><span class="html-tag"></html></span></td>
</tr>
<tr>
<td class="line-number" value="39"></td>
<td class="line-content"><span class="html-end-of-file"></span></td>
</tr>
</tbody>
</table>
</body>
</html>
原文由 Michael Drum 发布，翻译遵循 CC BY-SA 4.0 许可协议
此 HTML 未被解释为纯文本：它被解释为 HTML。
只是您的 HTML 内容包含已转义的标记，例如
<和>。更新
这是你想要的标记吗？