【问题标题】:Colored characters in HTML titleHTML 标题中的彩色字符
【发布时间】:2017-05-06 17:36:19
【问题描述】:

在使用 Firefox 时,我偶然发现了一个标题中包含不同颜色字符的页面。如何将彩色字符插入 HTML <title> 标签?这个标准叫什么?

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

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

【问题讨论】:

  • 请截图和任何样式应用于标题标签
  • @RokoC.Buljan 我刚刚做了一个FB测试页面,它在标题中呈现了不同颜色的心形字符。

标签: css html


【解决方案1】:

Unicode. 图标符号又名:象形文字☕、表情符号?

Symbol HEX code Description
✍ Pictograph
✍︎ ✍︎ Pictographs as Standardized Variant

在标题中使用它们:

<title>Hearts &#x1F499;&#x1F49A;&#x1F49B;</title>

心???

不要忘记,如果您有一些交通网站,并且您在 “⛟ 立即订购!” 按钮中使用了这个字符 ⛟ &amp;#x26df; - 请注意!明天它可能会以竞争对手的颜色闪耀——所以使用标准化变体:⛟︎&amp;#x26df;&amp;#xfe0e;——或者更确切地说是符合品牌需求的自定义 SVG 或字体图标。

PS:
不要使用transform: rotate(Ndeg);☜☝☞☟只是时间问题;)

【讨论】:

    【解决方案2】:

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

    你应该使用一些支持表情符号的插件,像这样:

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

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

    【讨论】:

    • 关闭,但与你发布的链接无关。
    • Firefox 似乎支持这些表情符号开箱即用。如果我是正确的。
    • 他可以使用css,但他可能会在标签之后调用css文件。 Jquery 可以帮助将表情符号添加到标题标签。这是一个很好的解决方案。
    【解决方案3】:

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

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

    【讨论】:

      猜你喜欢
      • 2010-10-26
      • 2019-01-15
      • 2016-01-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-07-18
      • 2020-11-03
      相关资源
      最近更新 更多