謎文字 の正体について(初心者向けHTML) | ホームページ制作 サポート| メディアプライムスタイル 埼玉

Column

コラム

    株式会社メディアプライムスタイル コラム記事 謎文字 &nbsp; <br>の正体について(初心者向けHTML) サムネイル画像 謎文字 &nbsp;
    の正体について(初心者向けHTML)

    謎の文字列「&nbsp;」

    WordPressや他のCMSで記事を編集している際に、
    時折謎の文字列「&nbsp;」に遭遇することがあります。
    一部の人は、「このやつはどうして入ってしまうのか?」と疑問に思うかもしれませんし、また別の人は「意図的に半角スペースを入れるために使っているぞ!」と考えているかもしれません。
    しかし、意外と知られていない「&nbsp;」の正体について説明します。

    読み方は「ノーブレークスペース」

    あまり声に出して読む機会はないかもしれませんが、
    「&nbsp;」は「ノーブレークスペース」と読みます。
    「non-breaking space」の略で、日本語では、改行しないという意味です。

    半角スペースを挿入するための便利なタグ

    HTMLの文章内で「&nbsp;」を挿入すると、半角スペースの間隔を作ってくれる機能を持っています。
    そのため、「&nbsp;」は半角スペースを挿入するために使われるものという認識を持っている人も多いかもしれません。

    本来の役割

    「&nbsp;」の本来の役割は半角スペースの代替ではありません。
    実際の役割は、「改行の禁止」というもので、その空白部分での自動的な改行を防止する役割を担っています。
    英文などでは、単語と単語の間は半角スペースで区切られますが、例えば会社名など複数の単語で一つのまとまりを改行させずに表示したい場合などに「&nbsp;」を使用します。

    「特殊文字」とは

    「&nbsp;」は、「空白スペース」って意味でしたが、他にも「&amp;」は「&(アンド)」の意味だったりします。

    スタッフアイコン
    「特殊文字」の一覧を紹介します。
    特殊文字 ブラウザ表示 文字の意味
    &lt; < 右大不等号
    &gt; > 左大不等号
    &amp; & アンドマーク(アンパサンド)
    &quot; ダブルクォート(引用符)
    &#39; シングルクォーテーション
    &nbsp;
    空白文字

関連する投稿

このコラムを書いた人

Hinata

AdvisorDirectorDesignerFront-end-engineer

ホームページに関するお困りごと、
ご不明点があればお気軽にお問い合わせください!

お問い合わせ

Copyright © 2024
ホームページ制作 サポート| メディアプライムスタイル 埼玉
All Rights Reserved.