Skip to main content

如何在HTML中使用特殊字符

Web 前端系列课程 15 | 特殊字符如何使用字符实体实现? | html+css入门开发 (六月 2025)

Web 前端系列课程 15 | 特殊字符如何使用字符实体实现? | html+css入门开发 (六月 2025)
Anonim

您在线访问的网页是使用HTML代码构建的,该代码告诉Web浏览器页面内容是什么以及如何以可视方式呈现给查看者。该代码包含称为元素的指令构建块,网页查看器从未看到这些元素。该代码还包含普通文本字符,例如标题和段落中为查看者设计的字符。

特殊字符在HTML中的作用

当您使用HTML并键入要查看的文本时,通常不需要任何特殊代码 - 您只需使用计算机键盘添加适当的字母或字符。当您想要在HTML作为代码本身的一部分使用的可读文本中键入字符时,会出现问题。这些字符包括代码中用于开始和结束每个HTML标记的<和>字符。您可能还希望在文本中包含没有键盘上直接模拟的字符,例如©和Ñ。对于键盘上没有键的字符,请输入代码。

特殊字符是HTML代码的特定部分,用于显示HTML代码中使用的字符或包含在查看器看到的文本中键盘上找不到的字符。 HTML使用数字或字符编码呈现这些特殊字符,以便它们可以包含在HTML文档中,由浏览器读取,并正确显示以供站点的访问者查看。

特殊的HTML字符

三个字符是HTML代码语法的核心。您不应该在网页的可读部分使用它们,而不首先对它们进行编码以便正确显示。它们是大于,小于和符号的符号。换句话说,你永远不应该使用less-than符号 < 在HTML代码中,除非它是HTML标记的开头。如果这样做,角色会混淆浏览器,并且您的页面可能无法按预期呈现。你不应该添加未编码的三个字符是:

  • 小于号 <
  • 大于号 >
  • 符号 &

当您将这些字符直接键入HTML代码时 - 除非您在编码中使用它们作为代码类型中的元素,因此它们在可读文本中正确显示:

  • 低于标志 - <
  • 大于号 - >
  • 符号 &

每个特殊字符都以&符号开头 - 即使是&符号的特殊字符也以此字符开头。特殊字符以分号结尾。在这两个字符之间,添加适合您要添加的特殊字符的内容。LT (对于 少于 )当它出现在HTML中的&符号和分号之间时,创建小于号。同样的, GT 创造大于号的符号 功放 当它们位于&符号和分号之间时产生&符号。

您无法输入的特殊字符

可以在Latin-1标准字符集中呈现的任何字符都可以用HTML呈现。如果键盘上没有显示,则使用带有分配给字符后跟分号的唯一代码的&符号。

例如,版权符号的“友好代码”是© 与贸易;是商标符号的代码。

这个友好的代码易于键入和易于记忆,但有很多字符没有友好的代码,易于记忆。

可以在屏幕上键入的每个字符都有相应的十进制数字代码。您可以使用此数字代码显示任何字符。例如,版权符号的十进制数字代码 - ©-demonstrates 数字代码如何工作。它们仍然以&符号开头,以分号结尾,但不使用友好文本,而是使用数字符号,后跟该字符的唯一数字代码。

友好代码易于记忆,但数字代码通常更可靠。使用数据库和XML构建的站点可能没有定义所有友好代码,但它们支持数字代码。

查找字符数字代码的最佳方法是在线查找的字符集。当您找到所需的符号时,只需将数字代码复制并粘贴到HTML中即可。

一些字符集包括:

  • 货币代码
  • 数学代码
  • 标点符号
  • 发音代码
  • 变音符号

非英语语言字符

特殊字符不限于英语。非英语语言中的特殊字符可以用HTML表示,包括:

  • 西班牙语
  • 法国
  • 希腊语
  • 罗马尼亚

那么什么是十六进制代码?

十六进制代码是用于在HTML代码中显示特殊字符的替代格式。您可以使用您想要的网页方法。您可以在线查找字符集,并以与使用友好代码或数字代码相同的方式使用它们。

将Unicode声明添加到文档头

在内部的任何位置添加以下元标记 您的网页,以确保您的特殊字符正确显示。

content =“text / html; charset = utf-8”/>

提示

无论您使用哪种方法,请记住以下几种最佳做法:

  • 始终以分号结束您的实体。 某些HTML编辑器允许您在没有最终分号的情况下发布HTML代码,但您的页面将无效,并且许多Web浏览器在没有它的情况下将无法正确显示实体。
  • 始终以&符号开头。 许多网络编辑器让你放弃了“放大器”。但是当您在XHTML中单独显示&符时,会导致验证错误。
  • 尽可能多地在浏览器中测试您的网页。 如果角色对于理解您的文档至关重要,并且您无法在客户使用的浏览器/操作系统组合中进行测试,那么您应该找到另一种方式来表示它。但是,在使用图像或其他内容之前,请尝试使用可在多个浏览器中验证代码的浏览器测试工具之一。