📜  如何在 HTML 文档中添加表情符号?

📅  最后修改于: 2022-05-13 01:56:42.502000             🧑  作者: Mango

如何在 HTML 文档中添加表情符号?

表情符号是 Unicode字符集中的字符,看起来像图像或图标。它们可以像 HTML 中的任何其他字符一样调整大小、复制或粘贴。 UTF-8 是 HTML 文档中使用的默认字符集,因为它包含几乎所有的字符和符号。

表情符号可以通过将字符集指定为 UTF-8 来插入 HTML 文档,该字符集将在浏览器中显示网页时使用。此字符编码信息是通过使用头部中的 标记指定的。声明字符集后,可以使用

标签在 HTML 中添加表情符号。

标签用于将表情符号插入新行,而 标签将表情符号插入同一行。

在 HTML 文档中插入表情符号有以下三种方法:

  1. 使用十六进制代码
  2. 使用十进制代码
  3. 从外部来源复制和粘贴

使用十六进制代码:

表情符号可以通过在所需标签中指定十六进制代码来添加到 HTML 文档中。这些代码以 ; 开头和结尾通知浏览器必须显示由十六进制代码表示的字符。十六进制代码比十进制代码更适合在 HTML 中使用,因为从长远来看,它们确保了文档的可移植性和一致性。

例子:

HTML


  

    

  

  
    

Emoji List:

       

Grinning face : 😀

    

Face having tears of joy : 😂

    

Fire : 🔥

    

Thumbs up : 👍

    

Bell : 🔔

     


HTML


  

    

  

    

Emoji List:

       

Grinning face : 😀

    

Face having tears of joy : 😂

    

Fire : 🔥

    

Thumbs up : 👍

    

Bell : 🔔

  


HTML


  

    

  

    

Emoji List:

       

Grinning face : ????

    

Face having tears of joy : ????

    

Fire : ????

    

Thumbs up : ????

    

Bell : ????

  


输出:

使用十六进制代码添加的表情符号

使用十进制代码:

表情符号可以通过在所需标签中指定十进制代码来添加到 HTML 文档中。这些代码以 ; 开头和结尾通知浏览器必须显示十进制代码表示的字符。

例子:

HTML



  

    

  

    

Emoji List:

       

Grinning face : 😀

    

Face having tears of joy : 😂

    

Fire : 🔥

    

Thumbs up : 👍

    

Bell : 🔔

  

输出:

使用十进制代码添加的表情符号

从外部来源复制:

可以通过从某些外部源复制表情符号并将其直接粘贴到代码中来将表情符号添加到 HTML 文档中。当表情符号不能由单个代码点表示,而是需要多个代码点的组合时,此方法是首选。在这种情况下,最好直接从某个外部来源复制粘贴所需的表情符号。

例子:

HTML



  

    

  

    

Emoji List:

       

Grinning face : ????

    

Face having tears of joy : ????

    

Fire : ????

    

Thumbs up : ????

    

Bell : ????

  

输出:

从外部来源复制的表情符号

注意:相同的表情符号可以通过不同的浏览器以不同的格式显示。此外,某些浏览器可能在一段时间内不支持 Unicode 发布的最新表情符号,在这种情况下,它将被矩形框取代。