HTML标题中的彩色字符

时间:2017-05-06 17:36:19

标签: css html5

使用Firefox我偶然发现了标题中带有不同颜色字符的页面。如何将彩色字符插入HTML <title>标记?这个标准叫做什么?

更新: 显然它与(UTF?)心脏表情符号有关。这是截图:

Different colors

可以找到有关如何插入这些内容的说明here。我做了一个测试Facebook帖子,它确实在Firefox标题中呈现了不同颜色的心。

3 个答案:

答案 0 :(得分:4)

Unicode中的某些人决定在这里和那里画画是一个好主意,随着时间的推移,图标字符(AKA Emoji,Dingbats,Symbols 等)在UTF range中 - 现在您可以查看您创建的所有网站 - 并删除您喜爱的完美浅灰色签名字符,因为您将其设置为color: gray黑色背景。

&#9997;

现在它看起来像这样:✍...因为蓝色是正确的颜色⏩ 你现在可以表现出一些爱情

?&#x1F499; ?&#x1F49A; ?&#x1F49B; ?&#x1F49C;

并在title

中使用它们
<title>WTH... &#x1F499;&#x1F49A;&#x1F49B;</title>
喝酒时,

Found a nice resource created a generator ,如果您有足够的时间点击,您可以全部收集它们!

<子> PS:
不要使用transform: rotate(Ndeg);☜☜☞☟这是时间问题 如果您有一些饮料或运输网站,并且您使用此字符⛟为您的“立即订购!” - 小心!明天它可以在竞争对手的颜色中闪耀。

#font-size-256{font-size: 256px;}
#font-size-257{font-size: 257px;}
View in Chrome<br>
<span id="font-size-256"></span>
<span id="font-size-257"></span>

了解如何最终 Remove colors ... 最终导致:
✍✍不起作用,但︎这个工作

Unicode Standards (7.0.0)

无法找到 Facepalm 图标,请耐心等待,让我们看看这个Standardized Variant是否有效:?

答案 1 :(得分:-1)

这不是彩色的字符......这是表情符号:)

你应该使用一些表情符号支持插件,如下所示:

https://afeld.github.io/emoji-css/

此外,您需要在标题中动态添加表情符号(例如,使用jQuery),因为您需要先加载库。

答案 2 :(得分:-2)

颜色就像是闪烁的文本,需要转义字符,例如\ 033或\ x1b

PS1 ='-e ImposterMO @ $(pwd)̵t_'