Google検索エンジン

トップページ » HTMLタグ入門講座 » Webサイトに改行・空白を表示する方法


Webサイトに改行・空白を表示する方法

  • ホームページを作成していて、「改行したい!」または「空白を表示したい!」と考えることは、多いのではないでしょうか。 このページでは、Webサイトの文章を改行して表示する方法や、空白(スペース)を表示する方法を説明します。


    Webサイトの文章を改行して表示する方法

    ホームページの文章を改行して表示するには、「<br>」改行タグを記述します。 改行タグは自己終了タグですので、「<br/>」と記述しても同じ様に改行されて表示されます。 自己終了タグとは、開始タグと終了タグで対象を囲む必要がないタグのことです。

    XMLを解釈できない古いUAで「<br/>」という表記に対し、"br/" を要素名とみなし無視してしまう可能性があることを考慮し、XHTMLでは「<br />」のようにスラッシュの前に半角スペースを先行させる表記が一般的です。

    HTMLおよびXHTML記述例
    改行します。<br />改行しました。
    Webサイトの表示
    改行します。
    改行しました。

    Webサイトに空白(スペース)を表示させる方法

    Webサイトに全角空白(全角スペース)を表示したいなら、そのまま全角空白「 」をHTMLに記述すれば、Webサイトに全角空白が表示されます。 半角空白(半角スペース)を表示したい場合も、そのまま半角空白「 」をHTMLに記述すれば、Webサイトに半角空白が表示されますが、特殊文字「&nbsp;」を記述する方法もあります。

    特殊文字に関しては、HTML特殊文字一覧をご覧ください。

    HTMLおよびXHTML記述例
    全角空白AAA AAA<br />半角空白AAA&nbsp;AAA
    Webサイトの表示
    全角空白AAA AAA
    半角空白AAA AAA


HTMLタグ入門講座
おすすめレンタルサーバー