rui-log.com

WEBの人がよく使うhtml記号まとめ

WEBの人がよく使うhtml 記号をまとめてみました。

アパレルECサイト運営に携わっていると、htmlで書く時に文字列の記号で書かないといけないときが多い。

そんな時に使えるやつです!

よく使う記号・使いそうな記号をまずまとめて、その後一覧にまとめました。

レディースアパレルだったらハート系はよく使いますし、

「○○一覧へ▶▶」

なんてのもよく使うので、記号はなかなか覚えてられないので重宝するかと思います。

WEBの人がよく使うhtml 記号まとめ

よく使うシリーズ

私がWEBで使うのは大体、「半角スペース」「ハート」「」の3つかな。

「▷▷◯◯一覧へ」とかね。

 

半角スペース  
<
&lt;
 
&#60;
>
&gt;
 
&#62;
&hearts;
 
&#9829;
&#9825;
&#12306;
半角
¥
&yen;
 
&#x00A5;
全角
&#xFFE5;
©
&copy;
 
&#169;
«
&laquo;
 
&#171;
»
&raquo;
 
&#187;
&#8810;
&#8811;
&#x2665;
&#x2661;
&#x2764;
&#x2765;
&#x2766;
&#x2767;
&#x2663;
&#x2667;
&#x25B7;
&#x25B6;
&#x25C1;
&#x25C0;

一覧

半角
スペース
&nbsp;
<
&lt;
&#60;
>
&gt;
&#62;
&
&amp;
 
&#38;
&quot;
 
&#34;
&trade;
 
&#153;
©
&copy;
 
&#169;
®
&reg;
 
&#174;
«
&laquo;
 
&#171;
»
&raquo;
 
&#187;
&#8810;
&#8811;
&harr;
 
&#8596;
&hArr;
 
&#8660;
&#8451;
&#8457;
&spades;
 
&#9824;
&clubs;
 
&#9827;
&hearts;
 
&#9829;
&diams;
 
&#9830;
&#9828;
&#9831;
&#9825;
&#9826;
&#12306;
&#12320;
%
&#37;
&#13261;
&#9312;
&#9313;
&#9314;
&#9315;
&#9316;
&#9317;
&#9318;
&#9319;
&#9320;
&#9321;
&#9322;
&#9323;
&#9324;
&#9325;
&#9326;
&#9327;
&#9328;
&#9329;
&#9330;
&#9331;
&#8544;
&#8545;
&#8546;
&#8547;
&#8548;
&#8549;
&#8550;
&#8551;
&#8552;
&#8553;
&#8554;
&#8555;
&#8560;
&#8560;
&#8562;
&#8563;
&#8564;
&#8565;
&#8566;
&#8567;
&#8567;
&#8569;
&infin;
&ne;
&#13212;
&#13213;
&#13214;
&#13216;
&#13217;
&#13218;
&#13198;
&#13199;
&#13252;
&#13206;
&#13207;
&#13208;
&#12945;
&#13183;
&#12849;
半角
&yen;
&#x00A5;
 
全角
&#xFFE5;
&#x2610;
&#x2611;
&#x2612;
&#x2613;
&#x25B3;
 
&#x25B5;
&#x25B2;
 
&#x25B4;
&#x25BD;
 
&#x25BF;
&#x25BC;
 
&#x25BE;
&#x25B7;
&#x25B6;
&#x25C1;
&#x25C0;
&#x2665;
&#x2661;
&#x2764;
&#x2765;
&#x2766;
&#x2767;
&#x2663;
&#x2667;
&#x2660;
&#x2667;
&#x2666;
&#x2662;

まとめ

今回は私が仕事でよく使う記号や、これから使いたいなと思う記号もあわせて紹介してみました。

まとめておくと使いやすいので、是非利用してみてください。

 

最新版WordPressの仕様で絵文字っぽくなってしまっている記号もありますがご了承をm(_ _)m(後日、各所調整予定です)

→追記:記号が画像になるの、WordPressのテーマ編集にて修正しました。