THE BARE BONES GUIDE TO HTML

by Kevin Werbach
バージョン 4.0 形式 -- 1999 年 2 月


この文書の最新版は http://werbach.com/barebones/, から入手可能で、そこには HTML フォーマット版、翻訳版、背景用の素材もある。

The Bare Bones Guide to HTML は現行のブラウザが認識できそうなタグをすべて一覧 にしてある。公式の HTML 4.0 勧告のエレメントはもちろん、Netscape 拡張と Microsoft 拡張もすべて一般的な属性つきで含めた。この文書は早見表であり、完全 な仕様書ではない。HTML とその開発に関する公式情報は、World Wide Web Consortium サイト http://www.w3.org/MarkUp/ を参照のこと。

このガイドはできる限り簡潔なようにデザインされている。したがって各種のタグの 使用法に関しては詳しく説明していない。順を追って説明した優れた HTMLガイドへの リンクは、WWW Help Page を参照のこと。

目次
  1. はじめに

  2. HTML タグ

    重要: もしさまざまなバージョンの HTML の違いについてよくわからないなら、HTML の開発に関する私の議論か、または World Wide Web Consortium の HTML アクティビティ宣言を読むことをお勧めする。

基本エレメント
  ドキュメント形式 <HTML></HTML> (ファイルの開始と終了)
  タイトル <TITLE></TITLE> (ヘッダ部に置く)
  ヘッダ部 <HEAD></HEAD> (タイトルのような説明的情報)
  本文 <BODY></BODY> (ページの本文)

構造型定義
  見出し <H?></H?> (設定は6段階で定義される)
  見出し行揃え <H? ALIGN=LEFT|CENTER|RIGHT></H?>
  仕切り <DIV></DIV>
  仕切り行揃え <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
4.0 コンテンツ定義 <SPAN></SPAN>
  ブロック引用 <BLOCKQUOTE></BLOCKQUOTE> (通常は字下げ)
4.0 引用 <Q></Q> (短い引用用)
4.0 引用元定義 <Q CITE="URL"></Q>
  強調 <EM></EM> (通常斜体字で表示)
  強い強調 <STRONG></STRONG> (通常太字で表示)
  引用文 <CITE></CITE> (通常斜体字)
  コード <CODE></CODE> (ソースコードをリストする場合)
  サンプル出力 <SAMP></SAMP>
  キーボード入力 <KBD></KBD>
  変数 <VAR></VAR>
  定義 <DFN></DFN> (広くは対応されていない)
  作者のアドレス <ADDRESS></ADDRESS>
  大フォントサイズ <BIG></BIG>
  小フォントサイズ <SMALL></SMALL>
4.0 挿入 <INS></INS> (新バージョンの追加部分をマーク)
4.0 更新日付 <INS DATETIME=":::"></INS>
4.0 コメント <INS CITE="URL"></INS>
4.0 削除 <DEL></DEL> (新バージョンの削除部分をマーク)
4.0 更新日付 <DEL DATETIME=":::"></DEL>
4.0 コメント <DEL CITE="URL"></DEL>
4.0 頭字語 <ACRONYM></ACRONYM>
4.0 省略語 <ABBR></ABBR>

表現フォーマット
  太字 <B></B>
  斜体字 <I></I>
4.0* 下線 <U></U> (あまり使われない)
  削除線 <STRIKE></STRIKE> (あまり使われない)
4.0* 削除線 <S></S> (あまり使われない)
  下つき文字 <SUB></SUB>
  上つき文字 <SUP></SUP>
  タイプライター <TT></TT> (等幅フォントで表示)
  フォーマット付き <PRE></PRE> (テキストをそのままの形で表示)
  <PRE WIDTH=?></PRE> (文字数で)
  中揃え <CENTER></CENTER> (テキストと画像の両方)
N1 点滅 <BLINK></BLINK> (最も人をこばかにしたタグ)
  文字サイズ <FONT SIZE=?></FONT> (1 から 7 まで)
  文字サイズ変更 <FONT SIZE="+|-?"></FONT>
  文字色 <FONT COLOR="#$$$$$$"></FONT>
4.0* フォント選択 <FONT FACE="***"></FONT>
N4 ポイントサイズ <FONT POINT-SIZE=?></FONT>
N4 ウエイト <FONT WEIGHT=?></FONT>
4.0* 基本文字サイズ <BASEFONT SIZE=?> (1 から 7 まで、初期値 3)
MS マーキー <MARQUEE></MARQUEE>

位置決め
N3 段組み <MULTICOL COLS=?></MULTICOL>
N3 段間隔 <MULTICOL GUTTER=?></MULTICOL>
N3 段幅 <MULTICOL WIDTH=?></MULTICOL>
N3 スペーサー <SPACER>
N3 スペーサー型 <SPACER TYPE=HORIZONTAL|VERTICAL|BLOCK>
N3 サイズ <SPACER SIZE=?>
N3 寸法 <SPACER WIDTH=? HEIGHT=?>
N3 行揃え <SPACER ALIGN=LEFT|RIGHT|CENTER>
N4 レイヤー <LAYER></LAYER>
N4 名前 <LAYER ID="***"></LAYER>
N4 位置 <LAYER LEFT=? TOP=?></LAYER>
N4 相対位置 <LAYER PAGEX=? PAGEY=?></LAYER>
N4 ソースファイル <LAYER SRC="***"></LAYER>
N4 スタック前後位置 <LAYER Z-INDEX=?></LAYER>
N4 スタック位置 <LAYER ABOVE="***" BELOW="***"></LAYER>
N4 寸法 <LAYER HEIGHT=? WIDTH=?></LAYER>
N4 クリッピングパス <LAYER CLIP=,,,></LAYER>
N4 可視性 <LAYER VISIBILITY=SHOW|HIDDEN|INHERIT></LAYER>
N4 背景 <LAYER BACKGROUND="$$$$$$"></LAYER>
N4 背景色 <LAYER BGCOLOR="$$$$$$"></LAYER>
N4 インラインレイヤー <ILAYER></ILAYER> (LAYER と同じ属性を使う)
N4 代替コンテンツ <NOLAYER></NOLAYER>

ァソ
リンク、画像、サウンド
  何かへのリンク <A HREF="URL"></A>
  目標へリンク <A HREF="URL#***"></A> (別ドキュメントの場合)
  <A HREF="#***"></A> (現ドキュメントの場合)
4.0* 目標ウインドウ <A HREF="URL" TARGET="***"></A>
4.0* クリック時の動作 <A HREF="URL" ONCLICK="***"></A> (Javascript)
4.0* マウスオーバー時の動作 <A HREF="URL" ONMOUSEOVER="***"></A> (Javascript)
4.0* マウスアウト時の動作 <A HREF="URL" ONMOUSEOUT="***"></A> (Javascript)
  メールへのリンク <A HREF="mailto:@"></A>
N, MS タイトルの定義 <A HREF="mailto:@?SUBJECT=***"></A> (? 文字を使用)
  目標の定義 <A NAME="***"></A>
  画像の表示 <IMG SRC="URL">
  行揃え <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
N1 行揃え <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
  代替 <IMG SRC="URL" ALT="***"> (画像が表示されない場合)
  寸法 <IMG SRC="URL" WIDTH=? HEIGHT=?> (ピクセルで)
  <IMG SRC="URL" WIDTH=% HEIGHT=%> (ページの幅/高さのパーセンテージで)
  境界線 <IMG SRC="URL" BORDER=?> (ピクセルで)
  回り込み余白 <IMG SRC="URL" HSPACE=? VSPACE=?> (ピクセルで)
N1 低解像度の代理画像 <IMG SRC="URL" LOWSRC="URL">
  イメージマップ <IMG SRC="URL" ISMAP> (スクリプトが必要)
  イメージマップ <IMG SRC="URL" USEMAP="URL">
MS 動画クリップ <IMG DYNSRC="***" START="***" LOOP=?>
MS 背景サウンド <BGSOUND SRC="***" LOOP=?|INFINITE>
  クライアント側マップ <MAP NAME="***"></MAP> (マップを記述)
  マップセクション <AREA SHAPE="DEFAULT|RECT|CIRCLE|POLY" COORDS=",,," HREF="URL"|NOHREF>
N1 クライアントプル <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
N2 埋込オブジェクト <EMBED SRC="URL"> (ページ内にオブジェクトを挿入)
N2 オブジェクトサイズ <EMBED SRC="URL" WIDTH=? HEIGHT=?>
4.0 オブジェクト <OBJECT></OBJECT>
4.0 パラメータ <PARAM>

仕切り
  パラグラフ <P></P> (終了タグはしばしば不必要)
  テキスト揃え <P ALIGN=LEFT|CENTER|RIGHT></P>
N 均等割り付け <P ALIGN=JUSTIFY></P>
  強制改行 <BR> (改行1回)
  回り込み解除 <BR CLEAR=LEFT|RIGHT|ALL>
  罫線 <HR>
  行揃え <HR ALIGN=LEFT|RIGHT|CENTER>
  深さ <HR SIZE=?> (ピクセルで)
  <HR WIDTH=?> (ピクセルで)
  パーセント幅 <HR WIDTH="%"> (ページ幅のパーセンテージ)
  ソリッドな線 <HR NOSHADE> (3D の彫りの感じなし)
N1 改行なし <NOBR></NOBR> (改行防止)
N1 ワード改行 <WBR> (改行が必要なところで)

リスト
  番号なしリスト <UL><LI></UL> (各行の項目の前に)
  コンパクト <UL COMPACT></UL>
  マークの形式 <UL TYPE=DISC|CIRCLE|SQUARE> (リスト全体に)
  マークの形式 <LI TYPE=DISC|CIRCLE|SQUARE> (これ以降の行)
  番号つきリスト <OL><LI></OL> (各行の項目の前に)
  コンパクト <OL COMPACT></OL>
  番号形式 <OL TYPE=A|a|I|i|1> (リスト全体に)
  番号形式 <LI TYPE=A|a|I|i|1> (これ以降の行)
  開始番号 <OL START=?> (リスト全体に)
  開始番号 <LI VALUE=?> (これ以降の行)
  定義型リスト <DL><DT><DD></DL> (<DT>=用語, <DD>=定義)
  コンパクト <DL COMPACT></DL>
  メニュー型リスト <MENU><LI></MENU> (各行の項目の前に)
  コンパクト <MENU COMPACT></MENU>
  名簿型リスト <DIR><LI></DIR> (各行の項目の前に)
  コンパクト <DIR COMPACT></DIR>

背景と
  タイル貼の背景 <BODY BACKGROUND="URL">
MS 透かし <BODY BGPROPERTIES="FIXED">
  背景色 <BODY BGCOLOR="#$$$$$$"> (赤/緑/青の順)
  文字色 <BODY TEXT="#$$$$$$">
  リンク色 <BODY LINK="#$$$$$$">
  既訪のリンク色 <BODY VLINK="#$$$$$$">
  アクティブ時のリンク色 <BODY ALINK="#$$$$$$">
  (詳細は http://werbach.com/web/wwwhelp.html#color

特殊文字
  特殊文字 &#?; (? の場所には ISO 8859-1 コード)
  < &lt;
  > &gt;
  & &amp;
  " &quot;
  登録商標 TM &#174;
  登録商標 TM &reg;
  著作権表示 &#169;
  著作権表示 &copy;
  非改行空白文字 &nbsp;
  (完全なリストは http://www.uni-passau.de/%7Eramsch/iso8859-1.htm

フォーム
  フォームの定義 <FORM ACTION="URL" METHOD=GET|POST></FORM>
4.0* ファイルアップロード <FORM ENCTYPE="multipart/form-data"></FORM>
  入力フィールド <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
FILE|BUTTON|IMAGE|HIDDEN|SUBMIT|RESET">
  フィールド名 <INPUT NAME="***">
  フィールド値 <INPUT VALUE="***">
  チェック済? <INPUT CHECKED> (チェックボックスとラジオボタン)
  フィールドサイズ <INPUT SIZE=?> (文字数で)
  最大文字数 <INPUT MAXLENGTH=?> (文字数で)
4.0 ボタン <BUTTON></BUTTON>
4.0 ボタン名 <BUTTON NAME="***"></BUTTON>
4.0 ボタン形式 <BUTTON TYPE="SUBMIT|RESET|BUTTON"></BUTTON>
4.0 初期値 <BUTTON VALUE="***"></BUTTON>
4.0 ラベル <LABEL></LABEL>
4.0 ラベル用のアイテム <LABEL FOR="***"></LABEL>
  選択肢のリスト <SELECT></SELECT>
  リスト名 <SELECT NAME="***"></SELECT>
  オプションの数 <SELECT SIZE=?></SELECT>
  複数選択 <SELECT MULTIPLE> (1つ以上選択可能)
  オプション <OPTION> (選択可能な項目)
  初期選択オプション <OPTION SELECTED>
  オプション値 <OPTION VALUE="***">
4.0 オプショングループ <OPTGROUP LABEL="***"></OPTGROUP>
  入力ボックスサイズ <TEXTAREA ROWS=? COLS=?></TEXTAREA>
  ボックス名 <TEXTAREA NAME="***"></TEXTAREA>
N2 テキスト折返し <TEXTAREA WRAP=OFF|HARD|SOFT></TEXTAREA>
4.0 グループエレメント <FIELDSET></FIELDSET>
4.0 凡例 <LEGEND></LEGEND> (FIELDSET 用のキャプション)
4.0 行揃え <LEGEND ALIGN="TOP|BOTTOM|LEFT|RIGHT"></LEGEND>

表組み
  表組みの定義 <TABLE></TABLE>
4.0* 表の行揃え <TABLE ALIGN=LEFT|RIGHT|CENTER>
  表の外枠 <TABLE BORDER></TABLE> (ON か OFF のどちらか)
  表の外枠 <TABLE BORDER=?></TABLE> (数値を設定可能)
  セル間のスペース <TABLE CELLSPACING=?>
  セル内のスペース <TABLE CELLPADDING=?>
  要求される幅 <TABLE WIDTH=?> (ピクセルで)
  パーセント幅 <TABLE WIDTH=%> (ページのパーセンテージ)
4.0* 表の色 <TABLE BGCOLOR="$$$$$$"></TABLE>
4.0 表の枠 <TABLE FRAME=VOID|ABOVE|BELOW|HSIDES|LHS|RHS|
VSIDES|BOX|BORDER></TABLE>
4.0 表罫線 <TABLE RULES=NONE|GROUPS|ROWS|COLS|ALL></TABLE>
MS 枠の色 <TABLE BORDERCOLOR="$$$$$$"></TABLE>
MS 暗い枠 <TABLE BORDERCOLORDARK="$$$$$$"></TABLE>
MS 明るい枠 <TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE>
  表の行 <TR></TR>
  行揃え <TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
  表のセル <TD></TD> (必ず表の行内にある)
  行揃え <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
  改行なし <TD NOWRAP>
  コラム数 <TD COLSPAN=?>
  行数 <TD ROWSPAN=?>
4.0* 要求される幅 <TD WIDTH=?> (ピクセルで)
N3 パーセント幅 <TD WIDTH="%"> (表幅のパーセンテージ)
4.0* セルの色 <TD BGCOLOR="#$$$$$$">
  表見だし <TH></TH> (太字で中揃え以外はデータと同じ)
  行揃え <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>
  改行なし <TH NOWRAP>
  コラム数 <TH COLSPAN=?>
  行数 <TH ROWSPAN=?>
4.0* 要求される幅 <TH WIDTH=?> (ピクセルで)
N3 パーセント幅 <TH WIDTH="%"> (表幅のパーセンテージ)
4.0* セルの色 <TH BGCOLOR="#$$$$$$">
4.0 表本文 <TBODY>
4.0 表フッタ <TFOOT></TFOOT> (必ず THEAD の前)
4.0 表ヘッダ <THEAD></THEAD>
  表題 <CAPTION></CAPTION>
  行揃え <CAPTION ALIGN=TOP|BOTTOM|LEFT|RIGHT>
4.0 段組み <COL></COL> (コラムグループの属性)
4.0 段間隔 <COL SPAN=?></COL>
4.0 段幅 <COL WIDTH=?></COL>
4.0 パーセント幅 <COL WIDTH="%"></COL>
4.0 段組みグループ <COLGROUP></COLGROUP> (コラムグループの構造)
4.0 各段間隔 <COLGROUP SPAN=?></COLGROUP>
4.0 グループ幅 <COLGROUP WIDTH=?></COLGROUP>
4.0 パーセント幅 <COLGROUP WIDTH="%"></COLGROUP>

フレーム
4.0* フレーム文書 <FRAMESET></FRAMESET> (<BODY> の代替)
4.0* 列の高さ <FRAMESET ROWS=,,,></FRAMESET> (ピクセルまたは %)
4.0* 列の高さ <FRAMESET ROWS=*></FRAMESET> (* = 相対サイズ)
4.0* コラムの幅 <FRAMESET COLS=,,,></FRAMESET> (ピクセルまたは %)
4.0* コラムの幅 <FRAMESET COLS=*></FRAMESET> (* = 相対サイズ)
4.0* <FRAMESET FRAMEBORDER="yes|no"></FRAMESET>
4.0* 枠の太さ <FRAMESET BORDER=?></FRAMESET>
4.0* 枠の色 <FRAMESET BORDERCOLOR="#$$$$$$"></FRAMESET>
N3 フレーム間隔 <FRAMESET FRAMESPACING=?></FRAMESET>
4.0* フレームの定義 <FRAME> (フレーム個々の内容)
4.0* 表示文書 <FRAME SRC="URL">
4.0* フレーム名 <FRAME NAME="***"|_blank|_self|_parent|_top>
4.0* 余白の幅 <FRAME MARGINWIDTH=?> (左右の余白)
4.0* 余白の高さ <FRAME MARGINHEIGHT=?> (上下の余白)
4.0* スクロールバー? <FRAME SCROLLING="YES|NO|AUTO">
4.0* サイズ変更不能 <FRAME NORESIZE>
4.0* <FRAME FRAMEBORDER="yes|no">
4.0* 枠の色 <FRAME BORDERCOLOR="#$$$$$$">
4.0* 無フレーム時の内容 <NOFRAMES></NOFRAMES> (フレーム非対応のブラウザ用)
4.0 インラインフレーム <IFRAME></IFRAME> (FRAME と同じ属性を使う)
4.0 寸法 <IFRAME WIDTH=? HEIGHT=?></IFRAME>
4.0 寸法 <IFRAME WIDTH="%" HEIGHT="%"></IFRAME>

スクリプトと Java
  スクリプト <SCRIPT></SCRIPT>
  場所 <SCRIPT SRC="URL"></SCRIPT>
  形式 <SCRIPT TYPE="***"></SCRIPT>
  言語 <SCRIPT LANGUAGE="***"></SCRIPT>
4.0* 代替コンテンツ <NOSCRIPT></NOSCRIPT> (スクリプト非対応の場合)
  アプレット <APPLET></APPLET>
  ファイル名 <APPLET CODE="***">
  パラメータ <APPLET PARAM NAME="***">
  場所 <APPLET CODEBASE="URL">
  名前定義 <APPLET NAME="***"> (参照用)
  代替テキスト <APPLET ALT="***"> (非 Java ブラウザ用)
  行揃え <APPLET ALIGN="LEFT|RIGHT|CENTER">
  寸法 <APPLET WIDTH=? HEIGHT=?> (ピクセルで)
  回り込み余白 <APPLET HSPACE=? VSPACE=?> (ピクセルで)
N4 サーバスクリプト <SERVER></SERVER>

その他
  コメント <!-- *** --> (ブラウザが表示しない)
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  検索可能 <ISINDEX> (検索可能なインデックスを示す)
  プロンプト <ISINDEX PROMPT="***"> (入力時のプロンプト文字)
  検索を送る <A HREF="URL?***"></a> (? マークそのものを使用)
  現ファイルの URL <BASE HREF="URL"> (必ずヘッダ部に)
4.0* ベースウインドウ名 <BASE TARGET="***"> (必ずヘッダ部に)
  関連 <LINK REV="***" REL="***" HREF="URL"> (ヘッダ部に)
N4 リンク対象のファイル <LINK TYPE="***" SRC="***"></LINK>
  メタ情報 <META> (必ずヘッダ部に)
  スタイルシート <STYLE></STYLE> (実現状態はさまざま)
4.0 二方向文機能 OFF <BDO DIR=LTR|RTL></BDO> (特定の文字セット用)

 
Copyright ©1995-1999 Kevin Werbach. 営利を目的とせず、不完全な文書の形態をとらない限り再配布は許可されている。このガイドは Bare Bones Software の製品ではない。詳細は http://werbach.com/barebones を参照。

日本語訳:1999 年 5 月 17 日、西村 尚 <hisashin@hotsync.co.jp>

Valid HTML 4.0!