「○(マル)」「□(四角)」などの記号や特定の文字だけが小さく表示される原因と対処方法

この記事のカテゴリ
WEBサイト運営 / 各種コード
この記事に付けられたタグ
,

ウェブサイトやブログで、他の文字と比べて「○」「●」「□」「■」などの記号だけが小さく表示されてしまう事があります。
他にもあるかもしれませんが、確認できた原因としては以下のような条件下で発生するようです。

  • Unicode(UTF-8など)を宣言していてフォントを指定していない
  • 英字フォントを指定している

IE7でのみ発生するとの情報が多かったんですが、僕の環境だとChromeやFirefoxなど他のブラウザでも小さい表示でした(他の条件や環境が絡んで違って表示されたのかもしれません)。

解決方法は2つあって、1つめは文字コードをUTF-8以外にする事、2つ目はフォントを指定(変更)する事です。
1つ目は業界の流れ的にも今後の事を考えた場合にもあまり現実的ではないので、2つめのフォントで対応する方法を紹介します。

続きを読む >>

HTMLタグ「ol,li」のリスト番号を逆から & 指定した数字を表示せる方法

この記事のカテゴリ
WEBサイト運営 / 各種コード
この記事に付けられたタグ

HTLMの順序付きリスト「<ol><li>」は番号を順に表示してくれるタグですが、これを逆に数字の大きい順から表示されてくれる方法と、開始の数字を指定する方法。
そして、例えば5番目のリストの数字を10に変更するなど、指定した数字に変更する方法をご紹介します。

続きを読む >>

ローマ数字のHTMLタグ(大文字・小文字)一覧

この記事のカテゴリ
WEBサイト運営 / 各種コード
この記事に付けられたタグ

ローマ数字の大文字と小文字の表記&それらのHTML特殊記号タグを一覧にしました。

ローマ数字は、ゲームのシリーズ番号などでよく見かけるⅠ、Ⅱ、Ⅲ、Ⅳ、Ⅴなどの表記で、アラビア数字は普段使っている1、2、3、4、5です。

HTMLのローマ数字でなく通常の表記はこちら「ローマ数字(1から3999まで)の一覧」をご覧下さい。

続きを読む >>

HTML・CSS・PHPなど各種コードでのコメントタグ(コメントアウト)まとめ

この記事のカテゴリ
WEBサイト運営 / 各種コード
この記事に付けられたタグ
, , , ,

HTML、XHTML、CSSそれぞれのコメントタグのサンプルを一覧にしました。
コメントタグで囲まれたテキストは、サイトを閲覧したときには見る事が出来ません。
ただソースを見ればそのまま表示されていますので、見られてはまずい秘密を書くのではなくサイト運営上必要なコメントを書くようにして下さい(なお厳密に言うとタグではなく宣言です)。

続きを読む >>