Wie zeige ich ► Wiedergabe (vorwärts) oder solides Rechtspfeilsymbol in HTML an?

Lesezeit: 3 Minuten

Wie zeige ich dieses ► Play (Forward) oder Solid Right Arrow-Symbol in HTML an?

Gibt es so etwas wie &play; Ich kann nutzen?

– Ben

14. Februar 2012 um 17:11 Uhr
Nur für Leute, die auch die anderen Richtungen brauchen: ▲ ▲ ► ► ▼ ▼ ◄ ◄

– Benutzerbild

25. Juni 2015 um 6:31 Uhr
Wie zeigt man es in JavaScript an?

– David Spector

18. Juni 2020 um 18:51 Uhr
Ein weiteres Zeichen ist dieses: ▶, gegeben durch ▶

– AlphaHeul

8. Dezember 2020 um 21:29 Uhr

Ja, ►aber es sieht möglicherweise nicht in allen Browsern gleich aus.

Es sollte nicht erwartet werden, dass Zeichen gleich aussehen, aber dieses Zeichen, SCHWARZER NACH RECHTS ZEIGENDER ZEIGER (U+25BA), hat eine einfache Form, und Schriftdesigner haben wenig Grund, irgendetwas Exotisches damit zu machen. Es hat eine gute Schriftabdeckung, einschließlich sehr gebräuchlicher Schriftarten wie Arial: fileformat.info/info/unicode/char/25ba/fontsupport.htm

– Jukka K. Korpela

14. Februar 2012 um 18:45 Uhr
Nur zur Verdeutlichung: ► entspricht (U+25BA)

– Klacks

23. Oktober 2013 um 17:56 Uhr
Seien Sie vorsichtig, alle. 25BA sieht auf einigen Geräten gequetscht aus, weil es ein „Zeiger“ und kein „Dreieck“ ist. Wenn Sie nach einem gleichseitigen Dreieck suchen, verwenden Sie 25B6. Hier ist ein Diagramm: w3schools.com/charsets/ref_utf_geometric.asp

– Steve Chab

16. Januar 2015 um 21:33 Uhr
Gibt es einen Code für die Zurück-Schaltfläche Ich verwende den obigen Code als Vorwärts-Schaltfläche als &#9658 + | ?

– Raul

16. April 2015 um 6:29 Uhr

Silberlieb

Wenn Sie es in CSS verwenden müssen, wie in

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

Dies ist die CSS-Konvertierung von ►
Ein hilfreiches Tool für diese Konvertierungen: evotech.net/articles/testjsentities.html

Du hast da einen Typ, das sollte es sein content:'\25BA'; und nicht content='\25BA';

–Timo Ernst

7. August 2015 um 13:20 Uhr
evotech.net/articles/testjsentities.html ist großartig.

– Arpit

7. März 2016 um 8:34 Uhr

Bis Hoffmann

► aus Wolfram Alpha

Heiliger Bimbam. Ich habe mich angemeldet, um mich zu bedanken, dass Sie mir das über Wolfram Alpha beigebracht haben.

– jeremyosborne

17. Oktober 2012 um 15:22 Uhr
In Bezug auf die vorgeschlagene Bearbeitung (ich habe nicht genug Ruf, um sie abzulehnen): Der Punkt ist, dass Sie das Symbol in WolframAlpha einfügen können und die HTML-Darstellung nicht kennen müssen. Die Form, in der ich gepostet habe, war völlig beabsichtigt. Bitte kehren Sie zur ursprünglichen Version zurück.

– Bis Hoffmann

30. Juli 2014 um 23:04 Uhr
Hier sind alle anderen Symbole wolframalpha.com/input/?i=Zeichen+9632+bis+9727&lk=1

– Matthäus Lock

3. Dezember 2014 um 3:18 Uhr

Ich habe versucht, den ASCII-Code zu verwenden, aber er hat mir nicht gefallen, da er immer gestreckt aussah.

Stattdessen habe ich online eine geniale, leicht anpassbare Lösung gefunden, die CSS verwendet und nur die Border-Eigenschaft manipuliert:

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

<div class="play"></div>

MetallFrosch

Hier ist eine lange Liste dessen, was Sie verwenden können:

http://brucejohnson.ca/SpecialCharacters.html

Ja, unter Nicht klassifizierte Zeichen (brucejohnson.ca/SpecialCharacters.html#unclassified).

– Jonmorgan

14. Februar 2012 um 17:17 Uhr

Sie können Bootstrap-Glyphen verwenden.

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

Denken Sie daran, auch Bootstrap und jQuery in die einzuschließen <head> Element.

<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 erklärt dies: https://jsfiddle.net/canada/dfr90pac/

Ja, unter Nicht klassifizierte Zeichen (brucejohnson.ca/SpecialCharacters.html#unclassified).

– Jonmorgan

14. Februar 2012 um 17:17 Uhr

Nun, Sie könnten ein Bild verwenden und es in der anzeigen <img> Stichworte. Auf ihrem Click-Event könnten Sie etwas JavaScript-Code schreiben. Sie könnten die Bilder in Google suchen.

Es gibt kein </img> schließendes Tag.

– Ricardo Zea

14. April 2014 um 20:17 Uhr

13124000cookie-checkWie zeige ich ► Wiedergabe (vorwärts) oder solides Rechtspfeilsymbol in HTML an?

#ASCII #html