HTML代码中字符“☰”的相对图标是什么？答案

【问题标题】：What is the relative icon for the character "☰" in HTML code?HTML代码中字符“☰”的相对图标是什么？
【发布时间】：2014-10-26 10:51:36
【问题描述】：

我想使用汉堡字符 ☰ 作为移动菜单的图标。我不想使用图像图标或外部字体。

那么这个字符“☰”在 HTML 代码中的相对图标是什么？例如&burger;?

【问题讨论】：

codepen.io/chriscoyier/pen/fzsqm
&#9776; - 但有缺点。 Read more on CSS Tricks
这是另一个很棒的工具，可以转换所有格式的字符。我个人最喜欢的：rishida.net/tools/conversion
unicode.johnholtripley.co.uk/2261
只是一个注释，这是一个 unicode 字符。

标签： html icons special-characters

【解决方案1】：

你可以使用纯 CSS 来制作它

检查这个fiddle

CSS

div {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 16px;
    top: 0;
    height: 0;
    -webkit-box-shadow: 1px 10px 1px 1px #69737d,1px 16px 1px 1px     #69737d,1px 22px 1px 1px #69737d;
    box-shadow: 0 10px 0 1px #69737d,0 16px 0 1px #69737d,0 22px 0 1px #69737d;
}

【讨论】：

如果可以使用字形，为什么要使用？
@dcc - 像这样的 CSS “hack” 的好处可能是跨不同浏览器的可靠结果，尤其是移动浏览器。 This CSS solution on Github 看起来经过了很好的测试。 Written about here
这不能回答问题。
你为什么说这不能回答问题。实际上 OPs 的问题是如何制作一个符号，而我的答案正确地指定了如何使用 css @Jukka 制作它
该问题要求提供某些内容的 HTML 代码。 OP 实际想要或需要的可能会有所不同，但在 SO，我们应该回答实际提出的问题。稍后找到问题的人应该在其下找到那个问题的答案。

【解决方案2】：

在这种情况下，没有特殊命名的 HTML 实体，但您可以使用 numeric character reference。如果您可以将字符粘贴到支持 UTF-8 的终端中，则可以使用 Perl 的 ord 函数来计算其数字字符引用：

$ perl -e 'use utf8; printf "&#%s;\n", ord "☰"'
&#9776;

所以你可以把☰写成&#9776;。但是，如果您的 HTML 是使用 UTF-8 编码的，为什么不直接将 ☰ 字符粘贴到您的源代码中呢？

【讨论】：

【解决方案3】：

unicode 的代码是&#9776;

【讨论】：

【解决方案4】：

“图标”不是 HTML 概念。字符“☰”是U+2630 TRIGRAM FOR HEAVEN。它可以在 HTML 中使用，也可以使用字符引用 &#x2630; 或等效的 &#9776;。

请注意，font support 是有限的。例如，一个没有安装 Microsoft Office 并且不是相对较新的 Windows 系统可能没有包含它的字体。除非您使用可下载的字体，否则使用图像会更安全。

【讨论】：