我正在寻找一个HTML或ASCII字符,这是一个三角形指向向上或向下,以便我可以使用它作为拨动开关。
我找到了↑(↑)和↓(↓) -但它们的词干很窄。我只是寻找HTML箭头“头”。
我正在寻找一个HTML或ASCII字符,这是一个三角形指向向上或向下,以便我可以使用它作为拨动开关。
我找到了↑(↑)和↓(↓) -但它们的词干很窄。我只是寻找HTML箭头“头”。
当前回答
这里是另一个-ᐞ- Unicode U+141E / CANADIAN syllable GLOTTAL STOP
其他回答
这里很多人建议用三角形,但有时你需要一个雪佛龙。
我们有一个例子,我们的按钮显示了一个雪佛龙,并希望用户手册以一种非技术用户也能识别的方式引用按钮。所以我们需要一个雪佛龙标志。
最后我们使用了﹀。它被称为直角括号表示表,代码为U+FE40。
这个似乎暗示030和031是上下三角形。
(正如bobince指出的,这似乎不是ASCII标准)
我知道我迟到了,但你也可以用普通的CSS来完成这个:
HTML:
(它可以是任何HTML元素,如果你正在使用一个内联元素,例如<span>,确保你使它成为一个block/内联块元素display:block;或显示:inline-block):
<div class=“up”></div>
and
<div class=“down”></div>
CSS:
.up {
height:0;
width:0;
border-top:100px solid black;
border-left:100px solid transparent;
transform:rotate(-45deg);
}
.down {
height:0;
width:0;
border-bottom:100px solid black;
border-right:100px solid transparent;
transform:rotate(-45deg);
}
您还可以使用:before和:after伪元素来完成它,这实际上是一种更好的方法,因为您可以避免创建额外的标记。但这取决于你想如何完成它。
--
这是CodePen中的一个演示,有许多箭头的可能性。
“不是ASCII (neither's↑/↓)”需要限定。
虽然这些字符在美国信息交换标准代码中没有定义为符号,但它们的代码通常用于ASCII码24和25的图形表示(十六进制18和19,取消和EM:介质结束)。代码第437页(IBM称为扩展ASCII,包括数字代码128到255)定义了这些符号作为ASCII码的使用,这些约定在行业中无处不在,这可以从惠普(特别是打印机)和IBM(特别是从原始PC开始的微型计算机)等领先公司将其部署为标准看到。
就像在CAN和EM中使用ASCII码在当时是相对过时的一样,证明了它们作为符号的使用是合理的,所以随着时间的推移,将这些代码作为符号的使用也被当前使用的UNICODE约定所淘汰。
应该强调的是,IBM在Extended ASCII中对ASCII进行的扩展不仅包括用于数字代码128到255的更大的数字集,而且还扩展了一些数字控制代码(ASCII范围0到32)的使用,从仅仅是媒体传输控制协议扩展到包含符号。人们经常错误地认为,第一个0到128没有被“扩展”,IBM在这个范围内使用了传统ASCII的符号。在前面的参考文献中也出现了此错误。这个错误变得如此普遍,以至于它下意识地口头上重新定义了ASCII。
抱歉,它们只支持统一码。:(
大的:
U+25B2(黑色向上三角形▲) U+25BC(黑色向下三角形▼) U+25C0(左侧黑色三角形) U+25B6(黑色直角三角形▶)
白色的大家伙:
U+25B3(白色上三角△) U+25BD(白色下尖三角形) U+25C1(白色向左三角形对不对) U+25B7(白色直角三角形△)
还有一些更小的三角形:
U+25B4(黑色向上小三角▴) U+25C2(黑色左方小三角形◂) U+25BE(黑色向下小三角服务商服务商) U+25B8(黑色向右的小三角形)
还有一些白色的:
U+25C3(白色左方小三角◃) U+25BF(白色下尖小三角▿) U+25B9(白色指向右的小三角形▹) U+25B5(白色向上小三角▵)
还有一些“尖”三角形。你可以在维基百科上阅读更多内容:http://en.wikipedia.org/wiki/Geometric_Shapes
但不幸的是,它们都是Unicode而不是ASCII。 如果你仍然想使用ASCII,那么你可以使用^和v的图像文件(就像移动版本的谷歌地图,这是指古代移动谷歌地图)
正如其他人所建议的,您还可以使用HTML创建三角形,或者使用CSS边界或SVG形状,甚至JavaScript画布。
CSS
div{
width: 0px;
height: 0px;
border-top: 10px solid black;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: none;
}
SVG
<svg width="16" height="10">
<polygon points="0,0 16,0 8,10"/>
</svg>
JavaScript
var ctx = document.querySelector("canvas").getContext("2d");
// do not use with() outside of this demo!
with(ctx){
beginPath();
moveTo(0,0);
lineTo(16,0);
lineTo(8,10);
fill();
endPath();
}
Demo