HTMLで「空白スペース」を入れる特殊文字の解説。

サイト制作をしていると、「スペースボタンを押して空白を入れたはずなのに、うまく反映されない！」なんて事がありますよね。

そういった際には、「HTML」にて「空白スペース」を表示する「 」というコードを挿入しましょう。

正しいWebでの表示とは

WordPressで記事作成する際には、「ビジュアルエディタ」と「テキストエディタ」というのが存在していますが、「ビジュアルエディタ」の場合は、実は目に見えないコードがいっぱい隠れています。

これは記事作成の際に、直感的に作業でき、扱いやすいようにする為で、とてもありがたい事だとは思います。

しかし、本来Webサイトというのはコードのみで構成されるものです。

ですので、コーディングの「テキストエディタ」で書かれているものが、本来の正しいWebの表示情報になります。

逆に言うと、コードで書かれている事が全て。それ以上でもそれ以下でもないという事です。

ですので、空白スペースの制御が効かない時は、「テキストエディタ」で、確実に空白スペースを示す「 」コードなどを入れる事で、確実にハンドリングがよくなります。

「 」とは

「 」とは「non-breaking space」の略で、日本語では、改行しないという意味になります。

そうですね。厳密には、「改行をさせない＝そのまま続行するけど、ここには空白要素があるよ」という認識でいいのではないでしょうか。

「 」の使い方

「 」の使い方はとても簡単です。

空白スペースを入れたい箇所に「 」コードを入れるだけです。

という感じになります。

「特殊文字」とは

コーディングの世界には「特殊文字」というのが存在します。

「特殊文字」とは、「あらかじめ定義されている特別の単語」くらいの意味で覚えておきましょう。

今回ご説明している「 」は、「空白スペース」だったり、「&」は「＆（アンド）」の意味だったりします。

そうですね。コーディングやプログラミングをするにあたっては、この「特殊文字」はかなり重要になってきます。

コーディングやプログラミングでは「<」等、「開始タグのカッコ」なんかを常時使用しますよね。

と、「<」を視覚的なテキストとして表示したい場合もありますよね？

となりますが、コードの世界では、「「<」の部分から新しい要素がスタートしている」と、認識されてしまうのです。

これくらいの構文ですと、大したトラブルにはならないかもしれませんが、場合によっては、大きなエラーを引き起こしてしまう事にもなります。

ですので、コーディングで使われる「記号のような文字（「<」等）」については、あらかじめ「特殊文字」というのが定義されているのです。

よく使う「特殊文字」

ここでよく使う「特殊文字」のご紹介をしておきます。

その他の、空白スペースの入れ方

空白スペースの「特殊文字」には、合計4つの特殊文字が用意されています。

以下にまとめておきますので、ぜひ、必要に応じて使用してみてください。