HTML - 12、字符实体

  HTML字符实体(Character Entities)是用于在HTML文档中表示特殊字符(如版权符号、商标符号、希腊字母等)的一种方式。这些字符通常不能直接通过键盘输入,或者在某些情况下可能会与HTML代码冲突(如小于号<和大于号>)。字符实体通过特定的代码来表示这些特殊字符,确保它们在网页中正确显示。

字符实体的组成

字符实体通常由以下部分组成:
  1. &:字符实体的开始符号。
  2. 实体名称或编号:表示特定字符的名称或Unicode编号。
  3. ;:字符实体的结束符号。

常见的字符实体

以下是一些常用的HTML字符实体及其用途:

1. 版权符号

  • &copy;&#169;:版权符号(©)
    <p>版权所有 &copy; 2025</p>

2. 商标符号

  • &trade;&#8482;:商标符号(™)
    <p>这是一个商标符号 &trade;</p>

3. 注册商标符号

  • &reg;&#174;:注册商标符号(®)
    <p>这是一个注册商标符号 &reg;</p>

4. 小于号和大于号

  • &lt;:小于号(<)
  • &gt;:大于号(>)
    <p>小于号:&lt; 和大于号:&gt;</p>

5. 乘号和除号

  • &times;&#215;:乘号(×)
  • &divide;&#247;:除号(÷)
    <p>乘号:&times; 和除号:&divide;</p>

6. 欧元符号

  • &euro;&#8364;:欧元符号(€)
    <p>欧元符号:&euro;</p>

7. 空格

  • &nbsp;&#160;:不间断空格(non-breaking space)
    <p>这是一个不间断空格:&nbsp;</p>

8. 换行符

  • <br>:换行符,用于强制换行。
    <p>这是一个换行符:<br>新的一行</p>

9. 水平线

  • <hr>:水平线,用于分隔内容。
    <p>这是一个水平线:</p>
    <hr>

完整示例

以下是一个完整的HTML示例,展示如何使用字符实体:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>HTML字符实体示例</title>
</head>
<body>
    <h2>HTML字符实体示例</h2>
    <p>版权所有 &copy; 2025</p>
    <p>这是一个商标符号 &trade;</p>
    <p>这是一个注册商标符号 &reg;</p>
    <p>小于号:&lt; 和大于号:&gt;</p>
    <p>乘号:&times; 和除号:&divide;</p>
    <p>欧元符号:&euro;</p>
    <p>这是一个不间断空格:&nbsp;</p>
    <p>这是一个换行符:<br>新的一行</p>
    <p>这是一个水平线:</p>
    <hr>
</body>
</html>

总结

  • 字符实体:用于在HTML文档中表示特殊字符。
  • 常见字符实体
    • 版权符号:&copy;&#169;
    • 商标符号:&trade;&#8482;
    • 注册商标符号:&reg;&#174;
    • 小于号:&lt;
    • 大于号:&gt;
    • 乘号:&times;&#215;
    • 除号:&divide;&#247;
    • 欧元符号:&euro;&#8364;
    • 不间断空格:&nbsp;&#160;
  • 换行符<br>,用于强制换行。
  • 水平线<hr>,用于分隔内容。
posted @ 2025-02-18 15:00  别晃我的可乐  阅读(83)  评论(0)    收藏  举报
//雪花飘落效果 // 设置博客浏览器图标 Logo