logo标签列表

HTML实体——后退箭头

htmlcsshtml-entities
7

请查看这张图片...

在此输入图片描述

我想使用HTML实体制作一个类似于这样的回退箭头。是否有可用的实体？

你可以使用CSS来创建这种类型的后退箭头。 - Vinod VT
2
◀ - Passerby
1
如果您的页面采用utf-8字符集，您不需要将其作为实体；只需发送实际字符即可。 - Spudley
1
您可能会发现这个页面很有用：http://shapecatcher.com/ - cimmanon
6个回答
13

这真是有趣 ：D 我刚刚做了这个，我得到了答案，它是 - ◀。

参考 - 演示

8

@Mr.Alien的回答可能已经回答了你真正想知道的内容。我将回答你实际提出的问题：

并不存在类似于你图片中的字符的HTML实体。这并不意味着不能使用这样的字符；只是没有定义实体。

在HTML5中，“实体引用”的经典HTML概念正在被“命名字符引用”所取代。对于它们的解释，答案取决于你的图像是否被解释为“◀”U+25C0黑色左指向三角形或“◂”U+25C2黑色左指向小三角形。它们非常相似，通常在形状上完全相同，但大小不同。前者在HTML5中有一个命名字符引用◂。

然而，使用这些引用（超出HTML 4中定义的范围）是不明智的：它们具有有限的浏览器覆盖范围，并且与使用数字字符引用◀和◂（或它们的十进制对应项）或实际字符相比，它们并没有提供任何实际好处。

请注意，这些字符仅存在于某些字体中。这个问题不取决于字符在文档中的输入方式。有关更多信息，请参见我的HTML特殊字符使用指南。（这就是CSS变得相关的地方。CSS与关于在HTML中包含字符的基本问题毫不相关。）

4
您可以使用它的十进制代码：◀，代表左箭头符号 "◀"。
1

CSS可以用来创建箭头，而无需使用图片。你可以使用边框来创建它。

CSS箭头示例

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid green;
}

参考资料

@ Casey Jeremiason 哈哈哈，我没有给任何人投反对票。在回答问题之前，您需要仔细阅读问题。问题是关于HTML实体的，无论如何，+1给你。 - Dinesh Kanivu
1

就我个人而言，我更喜欢这个后退箭头。

←

它还有一个漂亮而简单的HTML实体：←。

这是为所有在这里搜索后退箭头的人准备的，但不仅仅是想要一个三角形。

http://htmlarrows.com/arrows/left-arrow/

-2

手动在键盘上按下 Alt 17，即可获得您所需的箭头。

例如

<div>◄ (alt 17 pressed manually)</div>

希望这能有所帮助。
这仅适用于（某些版本的）Windows，并没有回答问题。 - Jukka K. Korpela
它可以实现@JukkaK.Korpela - 如果你在想要箭头的标签内按下Alt 17，它将给出OP所寻找的输出。 - Nitesh
问题说“使用HTML实体”。 - Jukka K. Korpela
我编辑了我的答案，保留了HTML实体。你可以看一下 - @JukkaK.Korpela - Nitesh
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接