后箭头的HTML实体

时间:2013-10-16 11:45:22

标签: html css html-entities

检查此图片......

enter image description here

我想使用HTML实体制作这样的后退箭头。有没有?

6 个答案:

答案 0 :(得分:12)

这真的很有趣:D我刚刚做了this我得到了答案,是 - ◀

Reference - Demo

答案 1 :(得分:8)

@ Mr.Alien的回答可能解决了你真正想知道的问题。我会回答你实际问过的问题:

对于与您的图片类似的字符,没有HTML实体。这并不意味着不能使用这些字符;只是缺少已定义的实体。

实体引用的经典HTML概念正在被HTML5中的“命名字符引用”取代。解释为与它们有关,答案取决于您的图像是否被解释为“◀”U + 25C0黑色左点三角形或“◂”U + 25C2黑色左点小三角形。它们非常相似,通常形状相同但尺寸不同。前者在HTML5中有一个命名的字符引用◂

然而,使用这些引用(超出HTML 4中定义的引用)是不明智的:它们的浏览器覆盖范围有限,并且与使用数字字符引用◀◂相比,它们没有任何实际好处(或者它们的小数对应物)或实际的字符。

请注意,这些字符仅存在于某些字体中。此问题不取决于在文档中输入字符的方式。有关详情,请参阅我的Guide to using special characters in HTML。 (这就是CSS变得相关的地方.CSS与在HTML中包含字符的基本问题完全无关。)

答案 2 :(得分:3)

您可以使用其十进制代码:

◀

答案 3 :(得分:1)

CSS可用于创建不需要图像的箭头。您可以使用边框来创建它。

CSS Arrow Example

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

Reference

答案 4 :(得分:0)

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

它也有一个漂亮而简单的HTML实体:←

这适用于所有来到这里寻找后退箭头的人,但不只是想要一个三角形。

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

答案 5 :(得分:-2)

手动按键盘上的Alt 17以获取您要查找的箭头。

For Instance

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

希望这有帮助。