Що таке символ Unicode для символу закриття, який використовується в системі завантаження Twitter?

Question 1

Просто цікаво, бо я щойно зрозумів, що це не справжнє "х" (дратує, як довго це потрібно було зрозуміти).

Question 2

Він використовує ×.

Ви можете використовувати наступне, щоб отримати потрібну інформацію про будь-якого персонажа:

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

Якщо ви збираєтеся використовувати його в HTML, ви можете кодувати його наступним чином:

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

Примітки:

Вищезазначені програми очікують, що аргумент кодується за допомогою UTF-8.
Розриви рядків можна видалити, щоб зробити справжні однокласні.

Question 3

Знак множення (×) був занадто малий для того, що я хотів, і збільшення розміру шрифту зламало інші речі, тому я знайшов такі більші альтернативи:

✕ Множення X (U + 2715)

Децимальна сутність HTML: ✕
Шістнадцяткова сутність HTML: ✕

✖ Важке множення X (U + 2716)

Децимальна сутність HTML: ✖
Шістнадцяткова сутність HTML: ✖

❌ Поперечний знак (U + 274C)

Децимальна сутність HTML: ❌
Шістнадцяткова сутність HTML: ❌

Сподіваюсь, це заощадить комусь час.

Question 4

Якщо ви не хочете використовувати Unicode, ви можете просто використати сутність символів HTML ×.

Question 5

правильна відповідь сьогодні: × використовується в кнопках закриття

Question 6

Замість того, щоб давати вам рибу, я дам вам динаміт. Під час роботи в Інтернеті, якщо вам потрібно з’ясувати, що таке специфічний символ Unicode, ви можете використовувати наступний javascript (можливо, вам також доведеться додати .val () або .text () або [0] після селектора залежно від ситуації):

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

Приклад:

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

повертається "e49"

що означає, що з \u0e49тих пір , як провідні нулі «проковтуються».

Це має допомогти вам визначити інших персонажів, які схожі, але насправді відрізняються

Сподіваюся, це заощадить ваш час.

Question 7

Тепер, коли у вас є відповідь, ось додатковий корисний трюк під час роботи з Unicode в ОС Windows.

Відкрийте Wordpad
Введіть значення Unicode, наприклад 2715
Курсором поруч із введеним натисніть клавіші ALT + X на клавіатурі.

Він покаже візуальне зображення цього персонажа. Цей трюк працює і в зворотному напрямку. Якщо ви скопіюєте та вставте візуальне подання, а потім натиснете ALT + X, воно покаже числове значення.

Question 8

Помічено ❎, що виглядає приємно, але зеленим кольором відображається лише у Firefox .

Можливе обхідне рішення для налаштування, яке полягає у використанні css-фільтрів .

Перевірте елемент, щоб отримати значення фільтра.

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>

Розгорніть фрагмент

З css це може виглядати так:

span {
  font-size: 2rem;
  z-index: 2;
  filter: hue-rotate(277deg) brightness(0.96);
  float: right;
  cursor:pointer
}

<span>❎</span>

Розгорніть фрагмент