HTML - 实体
你好，未来的网页开发者们！作为你友好的邻居计算机老师，我很兴奋地带你们进入HTML实体的迷人世界。如果你是编程新手，不用担心——我们将从基础开始，逐步学习。在本教程结束时，你将成为HTML实体的专家！
什么是HTML实体？
在我们深入研究之前，让我们先了解一下HTML实体是什么。可以把它们想象成特殊的代码，用来表示在HTML中可能难以显示的字符。这就像是给你的网页页面上的一种秘密语言！
为什么我们需要HTML实体？
想象一下，你想要在HTML中显示小于号（<）。如果你直接输入，浏览器可能会认为它是一个新的HTML标签的开始！这就是实体派上用场的地方。它们允许我们显示这些特殊字符，而不会让浏览器混淆。
HTML字符实体名称和代码
让我们从一些最常见的HTML实体开始。我们将查看它们的名称和数字代码。
| 字符 | 实体名称 | 数字代码 |
|---|---|---|
| < | < | < |
| > | > | > |
| & | & | & |
| " | " | " |
| ' | ' | ' |
让我们看看这些实体是如何工作的：
<p>我喜欢使用 <strong> 标签使文本 <strong>加粗</strong>！</p>
<p>和号（&）用于HTML实体。</p>在这个例子中，我们使用 < 和 > 来显示实际的标签，使用 & 来显示和号。试着去掉这些实体，看看会发生什么！
HTML不间断空格名称和代码
现在，让我们来谈谈一个非常有用的特殊实体：不间断空格。
| 字符 | 实体名称 | 数字代码 |
|---|---|---|
| (空格) |
不间断空格就像是一个超级英雄空格——它防止你在不想要的地方进行换行。例如：
<p>我喜欢HTML 实体！</p>这确保了"HTML"和"实体"总是保持在同一行。
HTML实体的示例
让我们用一个有趣的例子来测试我们的知识：
<p>我在学习HTML & 它是 <em>惊人的</em>！</p>
<p>版权 © 2023 由 John Doe 所有</p>在这个例子中，我们使用 & 来表示和号，< 和 > 来显示 <em> 标签，© 来表示版权符号，以及 来保持"John"和"Doe"在一起。
ISO 8859-1符号实体名称和代码
HTML还提供了用于各种符号的实体。以下是一些常见的：
| 符号 | 实体名称 | 数字代码 |
|---|---|---|
| © | © | © |
| ® | ® | ® |
| ™ | ™ | ™ |
| € | € | € |
| £ | £ | £ |
让我们在实用示例中使用这些：
<p>我们的公司，Web Wizards™，接受欧元 € 和英镑 £ 的付款。</p>
<p>所有内容均为 © 2023 Web Wizards®。</p>ISO 8859-1字符实体名称和代码
有时，你可能需要显示带有重音或其他变音符号的字符。HTML实体再次派上用场：
| 字符 | 实体名称 | 数字代码 |
|---|---|---|
| à | à | à |
| é | é | é |
| ñ | ñ | ñ |
| ü | ü | ü |
以下是如何使用这些实体的示例：
<p>在西班牙语中，"你好"是 "hola"，"再见"是 "adiós"。</p>
<p>法语中 "海滩" 的单词是 "plage"（发音为 "plâzh"）。</p>浏览器支持的其他实体
现代浏览器支持广泛的实体，包括数学符号、箭头，甚至表情符号！以下是一些有趣的：
| 符号 | 实体名称 | 数字代码 |
|---|---|---|
| ∞ | ∞ | ∞ |
| ♥ | ♥ | ♥ |
| → | → | → |
| ☺ | ⌣ | ☺ |
让我们用这些来创建一个有趣的信息：
<p>我对HTML有 ∞ 的爱！♥</p>
<p>让我们向前 → 移动，并继续学习！⌣</p>记住，虽然这些实体很有趣，但使用它们时要谨慎。过度使用实体会使你的HTML更难阅读和维护。
结论
恭喜你！你已经深入了解了HTML实体的世界。从显示特殊字符到添加有趣的符号，你现在拥有了强大的网页开发工具。
在我们结束之前，让我分享一段我的教学经验：我曾经有一个学生，他对他的网页上的和号不断消失感到沮丧。当我向他展示HTML实体时，他的脸上露出了发现隐藏宝藏般的喜悦。这就是学习的魔力——总有一个等待被发现的解决方案！
记住，熟能生巧。试着将这些实体融入到你的HTML项目中，很快它们就会变得习以为常。快乐编码，愿你的网页充满完美渲染的字符和符号！
Credits: Image by storyset