在前端开发中，我们经常会使用 HTML 技术来构建网页。在 HTML 中，我们可以使用实体引用来表示一些特殊字符，比如小于号（<）、大于号（>）、空格（ ）等等。但是有一个坑点就是，实体名称必须紧跟在实体引用中。
实体引用和实体名称
在 HTML 中，我们可以使用 & 符号来表示一个实体引用，紧接着是实体名称，最后以分号（;）结尾。例如，< 表示小于号 <， 表示空格。这种方式使得我们可以在 HTML 中表示一些特殊字符而不会与 HTML 语法冲突。
实体名称必须紧跟在实体引用中
然而，在使用实体引用时，我们需要注意一个细节：实体名称必须紧跟在实体引用中。例如，下面的代码是错误的：
<p>这是一个 & lt;span> 元素</p>
这里的 & lt; 和 span 之间有一个空格，导致浏览器无法正确解析，显示出来的结果也不符合预期。正确的写法应该是：
<p>这是一个 <span> 元素</p>
实体引用的常见应用
实体引用在前端开发中非常常见，尤其是在处理用户输入数据时。比如，我们需要将用户输入的文本显示在网页上，但是为了避免用户输入一些 HTML 代码导致页面出现问题，我们需要对用户输入的文本进行转义处理。这时候，实体引用就非常有用了。
下面是一个简单的示例，演示如何通过 JavaScript 将用户输入的文本进行转义处理：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------------
-------
------
------ ----------- -----------
------- ----------------------------------
---- ------------------
--------
-------- ---------- -
--- ----- - ---------------------------------------
--- ------ - ----------------------------------
---------------- - ------------------
-
-------- ---------------- -
------ ------------------ --------
-------------- -------
-------------- -------
-------------- ---------
-------------- ----------
-
---------
-------
-------在这个示例中，我们使用了 escapeHtml 函数将用户输入的文本进行转义处理，然后将结果显示在网页上。注意，在这个函数中，我们使用了实体引用来表示特殊字符，以确保页面正常显示。
总结
在前端开发中，实体引用是非常有用的一个技术，可以帮助我们解决一些特殊字符的显示问题。但是需要注意的是，实体名称必须紧跟在实体引用中。同时，在处理用户输入数据时，我们可以使用实体引用来对文本进行转义处理，以确保页面正常显示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13963