Twitterブートストラップで使用される終了記号のUnicode文字は何ですか？

Question 1

それが実際の「x」ではないことに気付いたので、ただ興味があります（それが理解するのにどれくらいの時間がかかったか迷惑です）。

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）

10進数のHTMLエンティティ： ✕
16進HTMLエンティティ： ✕

✖重乗算X（U + 2716）

10進数のHTMLエンティティ： ✖
16進HTMLエンティティ： ✖

❌クロスマーク（U + 274C）

10進数のHTMLエンティティ： ❌
16進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

これで答えが得られたので、WindowsOSでUnicodeを操作するときに役立つ追加のトリックを次に示します。

ワードパッドを開く
2715などのUnicode値を入力します
入力した内容の横にカーソルを置き、キーボードの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>

スニペットを展開