HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで空白を作成する方法：spacerタグの使い方と属性一覧

HTMLの<spacer>タグは、ページ内に空白（ホワイトスペース）を挿入するためのタグです。このタグでは、以下の追加属性を使用して空白の種類や大きさを細かく制御できます。

<spacer>タグで使える主な属性

属性値説明
type vertical
horizontal
block		 スペーサーの種類を指定します。垂直方向（vertical）、水平方向（horizontal）、ブロック型（block）のいずれかを選択できます。
size 数値 スペーサーの幅または高さをピクセル数で指定します。この属性は、typeが「horizontal」または「vertical」の場合にのみ使用されます。typeが「block」の場合は、代わりにwidth属性を使用します。
width 数値 type = "block" の場合に使用する属性です。引用符の中に、ブロックの幅をピクセル値で指定します。
height 数値 type = "block" の場合に使用する属性です。引用符の中に、ブロックの高さをピクセル値で指定します。
align left
right
center		 空白ブロックの配置位置を指定します。指定できる値は「left（左寄せ）」「right（右寄せ）」「center（中央揃え）」の3種類です。

注意： <spacer>タグはNetscape 4以降のバージョンでのみ動作する独自拡張タグであり、現在の標準的なブラウザではサポートされていません。

サンプルコード

HTMLで空白を作成するには、以下のコードを実行してみてください（※Netscapeブラウザでのみ表示されます）。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML spacer Tag</title>
   </head>
   <body>
      Create some space <spacer type = "block" width = "70" /> now.
   </body>
</html>

現代のWeb制作における代替手段

<spacer>タグはすでに廃止された非標準のタグのため、現在のWebサイト制作では使用できません。空白を作りたい場合は、以下の方法を使うのが一般的です。

CSSのmargin・paddingを使う

要素間の余白を作る場合は、CSSのmargin（外側の余白）やpadding（内側の余白）プロパティを使うのが最も推奨される方法です。レイアウトの調整をHTMLから分離できるため、保守性も向上します。

&nbsp;（ノーブレークスペース）を使う

テキスト中に半角スペース相当の空白を挿入したい場合は、特殊文字「&nbsp;」を利用できます。連続して記述することで、任意の幅の空白を作ることも可能です。

  1. HTMLで非表示のコメントを作成する方法

    HTMLで非表示のコメントを作成するには、<!-- を記述してコメントを開始し、--> で閉じます。このタグの間に書かれた内容はすべてブラウザ上では非表示になります。コメント機能は、後からコードを見直したり修正したりする必要がある開発者にとって非常に便利です。適切なコメントを残しておくことで、コードの意図や構造を簡単に理解できるようになります。コメントは「自分自身へのメモ」と捉えることもできます。同時に、HTMLコードを一時的に無効化したい場合にも活用でき、コメントアウトされた部分はブラウザに一切表示されません。サンプルコード以下のコードを実行して、HTMLにおける非表示コメントの

  2. HTMLで参考文献（Bibliography）を作成する方法

    参考文献（Bibliography）とは、執筆時に参照した書籍や資料の一覧をまとめて記載するセクションのことです。HTMLを使えば、こうした参考文献リストを簡単に作成できます。具体的には、<ol>タグで書籍を番号付きリストとして列挙し、<cite>タグで作品のタイトルをマークアップします。 <cite>タグは、書籍のタイトルだけでなく、楽曲、絵画、映画など、さまざまな作品のタイトルを示す際にも使用できます。このタグは「引用」を意味しており、タグ内に記述した内容はすべて作品のタイトルとして扱われます。 サンプルコード それでは、実際にHTMLで参考文献リスト