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

问题描述 投票:0回答:6

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

stackoverflow 上只有一个关于它的问题,但那是 9 年前的事了,所以也许有些东西已经改变了!

提前致谢!

html emoji page-title
6个回答
2
投票

转到此网站:https://emojipedia.org/emoji/

获取您想要的表情符号的代码点(例如,U+1F600 表示笑脸)

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

将其放入 html 标签中

标题现在将带有 😀 面孔

1
投票

照常添加即可。检查当前支持。

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

1
投票

只需从表情符号百科中复制并粘贴表情符号并将其粘贴到 中,您可能是从其他网站复制并粘贴的。

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

0
投票

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

<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> 

0
投票

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


0
投票
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎯</text></svg>">

来源 演示

© www.soinside.com 2019 - 2024. All rights reserved.