如何在 html 中显示 ► 播放（前进）或实心右箭头符号？答案

【问题标题】：How do I display ► Play (Forward) or Solid right arrow symbol in html?如何在 html 中显示 ► 播放（前进）或实心右箭头符号？
【发布时间】：2023-05-22 00:38:01
【问题描述】：

如何在 html 中显示此 ► 播放（前进）或实心右箭头符号？

【问题讨论】：

有没有类似&play;我可以用吗？
只为那些也需要其他方向的人：▲ ▲ ► ► ▼ ▼ ◄ ◄
如何在 JavaScript 中显示？
另一个字符是这样的：▶，由&#9654;给出

标签： html ascii

【解决方案1】：

您可以使用 Bootstrap 字形图标。

<span class="glyphicon glyphicon-play"></span><br>
<span class="glyphicon glyphicon-play-circle"></span><br>
<span class="glyphicon glyphicon-triangle-right"></span><br>

记得在 <head> 元素中还包含 Bootstrap 和 jQuery。

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

JSFiddle 对此进行了解释：https://jsfiddle.net/canada/dfr90pac/

【讨论】：

【解决方案2】：

好吧，您可以使用图像并将其显示在<img> 标记中。在他们的点击事件中，您可以编写一些 JavaScript 代码。您可以在 Google 中搜索图片。

【讨论】：

没有</img>结束标签。

【解决方案3】：

我尝试使用 ascii 代码，但不喜欢它，因为它总是看起来很拉伸。

相反，我在网上找到了一个巧妙的、易于定制的解决方案，它使用 css 并且只操作边框属性：

.play {
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  border-left: 20px solid black;
  height: 0px;
}

&lt;div class="play"&gt;&lt;/div&gt;

【讨论】：

值得注意的是，您可以使用transparent作为颜色选项
这个codepen对于解释它是如何工作的也很重要：codepen.io/chriscoyier/pen/lotjh

【解决方案4】：

如果需要在 CSS 中使用，如

    li:before {
        content: '\25BA';
    }

这是&#9658;的CSS转换这些转化的有用工具：evotech.net/articles/testjsentities.html

【讨论】：

你有一个类型，应该是 content:'\25BA'; 而不是 content='\25BA';
evotech.net/articles/testjsentities.html 很棒。

【解决方案5】：

&#9658; 来自Wolfram Alpha

【讨论】：

天哪。我登录是为了感谢您教我有关 wolfram alpha 的知识。
关于建议的编辑（我没有足够的声誉来拒绝它）：关键是您可以将符号粘贴到 WolframAlpha 中并且不需要知道 HTML 表示。我发布的表格完全是故意的。请恢复为原始版本。
这是所有其他符号 wolframalpha.com/input/?i=characters+9632+through+9727&lk=1

【解决方案6】：

以下是您可以使用的一长串列表：

http://brucejohnson.ca/SpecialCharacters.html

【讨论】：

是的，在未分类字符 (brucejohnson.ca/SpecialCharacters.html#unclassified) 下。

【解决方案7】：

是的，&#9658;，但它可能在所有浏览器中看起来都不一样。

【讨论】：

字符不应该看起来一样，但是这个字符，黑色右指向指针 (U+25BA)，形状简单，字体设计师没有理由用它做任何异国情调.它具有良好的字体覆盖率，包括非常常见的字体，如 Arial：fileformat.info/info/unicode/char/25ba/fontsupport.htm
澄清一下：►等价于 (U+25BA)
大家小心。 25BA 在某些设备上看起来很扁平，因为它是“指针”而不是“三角形”。如果您正在寻找等边三角形，请使用 25B6。这是一张图表：w3schools.com/charsets/ref_utf_geometric.asp
是否有返回按钮的任何代码我使用上面的代码作为前进按钮作为 ► + | ?