HTML 如何在标题中添加表情符号

Question

我想让我的网站标题以我国国旗开头。但是，如果我复制表情符号本身或其 unicode，它就不起作用。复制表情符号只会在标题中显示它的名称，而不是表情符号本身。

在 Whosebug 上只有一个问题，但那是 9 年前的事了，所以也许有些事情已经改变了！

提前致谢！

Answer 1

表情符号在 html 中并没有得到很好的识别。您可以尝试在您的标题旁边使用图片，并将其设置为非常小的尺寸。

Answer 2

刚刚正常添加。检查 current 支持。

<!DOCTYPE html>
<html>
<head>
<title> Title with emoji </title>
</head>
<body>
 <h1> My body title  </h1>
</body>
</html>

Answer 3

转到此站点：https://emojipedia.org/emoji/

获取所需表情符号的代码点（ex.U+1F600 用于笑脸）

将“U+”替换为“&#x”，这样它现在看起来像😀

将其放入 html 标签

标题现在将有一张 😀 脸

Answer 4

只需从 emojipedia 复制并粘贴表情符号并将其粘贴到，您可能是从其他网站复制和粘贴的。

<!DOCTYPE html>
<html>
<head>
<title>️</title>
</head>
</html>

Answer 5

向标题添加图标的最佳做法是使用网站图标这是一个例子

<title>your country name</title>
    <link
      rel="shortcut icon"
      href="logo_location/pakistan.svg"
      type="image/x-icon"
    />

完全使用

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Pakistan</title>
    <link
      rel="shortcut icon"
      href="logo_location/pakistan.svg"
      type="image/x-icon"
    />
  </head>

HTML 如何在标题中添加表情符号

How to add emoji to a title in HTML

html

page-title

emoji