Jaki jest znak Unicode dla symbolu zamknięcia używanego przez bootstrap Twittera?

81

Po prostu ciekawy, ponieważ właśnie zdałem sobie sprawę, że to nie był prawdziwy „x” (denerwujące, ile czasu zajęło zrozumienie).

unicode twitter-bootstrap Białeckiego
źródło
Ładny @InsaneSkull, jeszcze lepszy: & # 215;
Heitor
Widziałem w sieci wiele innych pytań, takich jak to i wszystkie są „zawieszone”, ponieważ są „oparte na opiniach”. Czy to nie powinno być traktowane tak samo?
keanu_reeves
Nie widziałem innych pytań, więc nie mogę o nich mówić, ale to zdecydowanie nie jest oparte na opiniach. Jest całkowicie obiektywna odpowiedź na to pytanie.
ikegami

Odpowiedzi:

34

To używa × .

Możesz użyć następujących, aby uzyskać pożądane informacje o dowolnej postaci:

$ perl -Mcharnames=:full -CA -e'
   printf("U+%04X %s\n", $_, charnames::viacode($_))
      for unpack "W*", $ARGV[0];
' ×
U+00D7 MULTIPLICATION SIGN

Jeśli zamierzasz używać go w HTML, możesz zakodować w następujący sposób:

$ perl -MHTML::Entities -CA -e'
   CORE::say encode_entities($ARGV[0]);
' ×
×

Uwagi:

  • Powyższe programy oczekują, że argument zostanie zakodowany przy użyciu UTF-8.
  • Podziały linii można usunąć, aby uzyskać prawdziwe jednoliniowe.
ikegami
źródło
Użyj pseudokodu, abyśmy mogli zrozumieć odpowiedź
@Pauli Sudarshan Terho, Pierwszy program wyprowadza numer (U + 00D7) i nazwę (ZNAK MULTIPLIKACJI) punktu kodowego. Po drugie, jednostka HTML, która się do niej rozwiązuje. Nie jestem pewien, jak ktoś mógłby pomyśleć coś innego.
ikegami
Nie sądzę, żeby Twitter został zaimplementowany w Perlu. Twój kod nie udowadnia, że ​​jest to ten sam Unicode, którego używa Twitter.
@Pauli Sudarshan Terho, Nie trzeba. Podałem postać, podałem informacje o postaci i pokazałem, jak ją zdobyć dla innych postaci w procesie. (I właśnie zaktualizowałem go, aby działał dla całych ciągów oprócz pojedynczych znaków.) To wykracza poza to, o co prosił OP.
ikegami
Nie mogę znaleźć żadnego przykładu potwierdzającego charakter, skąd wiesz, że to & czas; ? Twitter Bootstrap jest napisany w JS, a nie w Perlu. W przykładach nie ma & times; getbootstrap.com/docs/4.0/examples
271

Znak mnożenia (×) był trochę za mały jak na to, co chciałem, a zwiększenie rozmiaru czcionki zepsuło inne rzeczy, więc znalazłem te większe alternatywy:

✕ Mnożenie X (U + 2715)

  • Dziesiętna jednostka HTML: ✕
  • Encja Hex HTML: ✕

✖ Duże mnożenie X (U + 2716)

  • Dziesiętna jednostka HTML: ✖
  • Encja Hex HTML: ✖

❌ Krzyż Znak (U + 274C)

  • Dziesiętna jednostka HTML: ❌
  • Encja Hex HTML: ❌

Mam nadzieję, że zaoszczędzą to komuś czasu.

Valentin Flachsel
źródło
26

Jeśli nie chcesz używać Unicode, możesz po prostu użyć encji znakowej HTML ×.

Joyrex
źródło
4

prawidłowa odpowiedź dzisiaj: × używana w przyciskach zamykania


źródło
3

Zamiast dawać ci rybę, dam ci dynamit. Podczas pracy w trybie online, jeśli chcesz dowiedzieć się, jaki znak jest specyficzny dla Unicode, możesz użyć następującego javascript (może być również konieczne dodanie .val () lub .text () lub [0] po selektorze w zależności od sytuacji):

$('yourTextselector').charCodeAt(0).toString(16) // charCodeAt is the position of character in text you selected.

Przykład:

"ก้้้้้้้้้้้้้้้้้้้้".charCodeAt(2).toString(16)

zwroty "e49"

co oznacza, że \u0e49dzieje się tak, ponieważ wiodące zera zostają „połknięte”.

To powinno pomóc ci zidentyfikować inne postacie, które wyglądają podobnie, ale w rzeczywistości są różne

Mam nadzieję, że zaoszczędzi ci to trochę czasu.

Matas Vaitkevicius
źródło
2

Teraz, gdy masz już odpowiedź, oto dodatkowa pomocna sztuczka podczas pracy z Unicode w systemie operacyjnym Windows.

  1. Otwórz Wordpad
  2. Wpisz wartość Unicode, na przykład 2715
  3. Gdy kursor znajduje się obok wpisanego tekstu, naciśnij klawisze ALT + X na klawiaturze.

Pokaże wizualną reprezentację tej postaci. Ta sztuczka działa również w odwrotnej kolejności. Jeśli skopiujesz i wkleisz reprezentację wizualną, a następnie naciśniesz ALT + X, wyświetli się wartość liczbowa.

Jason Brower
źródło
0

Zauważyłem ❎, że wygląda ładnie, ale wyświetla się na zielono tylko w przeglądarce Firefox .

Możliwym obejściem tego problemu jest użycie filtrów CSS .

Sprawdź element, aby uzyskać wartości filtra.

adjustHUE.addEventListener("input", (e) => {
  document.querySelector("#close").style.cssText += "filter:hue-rotate(" + e.target.value + "deg) brightness(" + adjustBRIGHTNESS.value + ")"
})

adjustBRIGHTNESS.addEventListener("input", (e) => {
  document.querySelector("#close").style.cssText += "filter:hue-rotate(" + adjustHUE.value + "deg) brightness(" + e.target.value + ")"
})
#close {
  font-size: 6rem;
  padding: 0 2rem 
}
<div id="close" style="filter:hue-rotate(0deg)">❎</div>
Hue:<br>
<input id="adjustHUE" type="range" min="0" max="360" value="0"><br>
Brightness:<br>
<input id="adjustBRIGHTNESS" type="range" min="0.2" max="1" step="0.01" value="1"><br>
<div id="out"></div>
Rozwiń fragment

Z css może to wyglądać tak:

span {
  font-size: 2rem;
  z-index: 2;
  filter: hue-rotate(277deg) brightness(0.96);
  float: right;
  cursor:pointer
}
<span>❎</span>
Rozwiń fragment

NVRM
źródło