最新実用HTMLタグ辞典

- 初版第一刷、修正一覧 -
第二刷、修正一覧はこちら
第三刷、修正一覧はこちら
第四刷以降、修正一覧はこちら
第五刷以降、修正一覧はこちら
第六刷以降、修正一覧はこちら

Last update:2001/9/4 PM 8:00

(★印がついているものは3/11日以降に追加されたもの。)
(★★印がついているものは3/16日に追加されたもの。)
(★★★印がついているものは3/22日に追加されたもの。)
(★★★★印がついているものは3/23日に追加されたもの。)
(★★★★★印がついているものは3/24日に追加されたもの。)
(☆印がついているものは3/28日に追加されたもの。)
(☆☆印がついているものは4/22日に追加されたもの。)
(☆☆☆印がついているものは5/26日に追加されたもの。)
(☆☆☆☆印がついているものは6/23日に追加されたもの。)
(☆☆☆☆☆印がついているものは7/13日に追加されたもの。)
(▲印がついているものは7/25日に追加されたもの。)
(▲▲印がついているものは7/27日に追加されたもの。)
(▲▲▲印がついているものは8/21日に追加されたもの。)
(▲▲▲▲印がついているものは9/26日に追加されたもの。)
(▲▲▲▲▲印がついているものは11/14日に追加されたもの。)
(〓印がついているものは11/30日に追加されたもの。)
(〓〓印がついているものは2001年1/23日に追加されたもの。)
(〓〓〓印がついているものは2001年4/16日に追加されたもの。)
(〓〓〓〓印がついているものは2001年4/21日に追加されたもの。)
(〓〓〓〓〓印がついているものは2001年7/30日に追加されたもの。)
(〓〓〓〓〓〓印がついているものは2001年8/22日に追加されたもの。)
(〓〓〓〓〓〓〓印がついているものは2001年9/4日に追加されたもの。)

■初版、第二刷、第三刷以降の見分け方
 初版は本文の紙の色が再生紙のような黄色味がかかったような感じ、第二刷は本文の紙の色が白、第三刷以降は表紙をめくった次のページ(折り)の部分にタグから引けるリストが掲載されています。
●初版

 すみません社名間違えました(汗)
 J-Phone
  ↓
 J-PHONE


折り返し右ページに追加(表紙の次のページの右側、灰色の紙のページ)★★★★
 以下のものを追加してください。これでタグを知っている場合、格段に引きやすくなります。epsファイルでも用意しておきました。
 
EPS File版 (Illustrator 8.0j)


ページの全体構成★★★★
 <BASEFONT>が抜けてます(超汗)。41ページに以下を追加。12ページのビジュアルインデックスのBASEFONTもこれにともない41ページに修正。

======================================================================== [E][N][-][-] 本文の文字サイズを指定します ---------------------------------   本文の文章の基準文字サイズを指定します ======================================================================== ●書式 --------------------------------- ◎[E][N][-][-]  -------------------------------  <BASEFONT SIZE="[1]">  ------------------------------- [1] 基本サイズ(1〜7) ======================================================================== ●解説 --------------------------------- [1] 基本サイズ(1〜7)  ページ内の基準文字サイズを指定します。1が一番小さく、7が一番大きいサイズになります。 <BASEFONT SIZE="7">  …本文の基準文字サイズを7(最大)にします。 ======================================================================== ●対応 <BASEFONT> [E3][N2] SIZE [E3][N2] ======================================================================== ●サンプル <HTML> <HEAD> <TITLE>基準文字サイズ</TITLE> </HEAD> <BODY> <BASEFONT SIZE="7">  このサイズが基準になります。 </BODY> </HTML> ■Internet Explorer 5.0


■Netscape Communicator 4.7



QuarkXpressかイメージセッタの都合によるもの
 QuarkXpressのバグかイメージセッタの都合により表の縦の線(白線)が消えてしまいました。気になる人は線を引いて下さい。



7ページカラーコード一覧で以下の文章が抜け
 印刷された色と画面の発色は異なります。


12ページビジュアルインデックス★★★★
 ページの全体構成の上の図のBASEFONTのFONTの色が赤色になっていますが黒色が正解です。BASEとFONTの間に半角空白が入っている(感じ)ですがBASEFONTとくっついたのが正解です。あと上記BASEFONT修正追加にともなって参照先ページは42から41ページになります。

<BASE FONT>【42ページ】
   ↓
<BASEFONT>【41ページ】


40ページ書式
 [1]のはずが[6]になってます。
 <BODY STYLE="font-family: [6]">
  ↓
 <BODY STYLE="font-family: [1]">


167ページ★★★★★
 HotJava Browserでも日本語を表示できます。以下の図に差し替えて下さい。




187ページ
 NN4.7の実行図が抜けています。以下の図になります。校正時は存在したのになぜ消えたか不明・・・




246ページ
 ツメでiモード対応マークが抜け。
 対応バージョンのCOLORでi2マークが抜け。


322ページの書式/例文
 リンク先内容を表示するターゲットを指定するの下の2行を以下のように修正してください。

<A TARGET="[1]"></AREA>
<AREA TARGET="[1]"></AREA>
       ↓
<A TARGET="[1]"></A>
<AREA TARGET="[1]">

 例文の3つが間違い。以下のように修正してください。(太字部分を削除)

<BASE TARGET="_top">top</A>
      ↓
<BASE TARGET="_top">

<FORM TARGET="contents">top</A>
      ↓
<FORM TARGET="contents">

<AREA TARGET="contents">top</A>
      ↓
<AREA TARGET="contents">


429ページ、サンプル★★★★
 THとTD間違い。

<TR><TH>順番</TD><TH>製品名</TH></TR>
           ↓
<TR><TH>順番</TH><TH>製品名</TH></TR>



550ページ付録
 仮名図
  ↓
 必ず


558ページ下から5行目
 すみません社名間違えました(汗)
 TU-KA
  ↓
 TU-Ka


564ページ中央、図1から5行目。日本語が変。★★★
 え気をつければ一つページでまかなう
  ↓
 え気をつければ一つページでまかなう


574ページ下から3行目★★★
 JPEG概念からCttによる実装まで
  ↓
 JPEG概念からC++による実装まで


577ページBASEFONTタグの参照ページ★★★★
 参照/掲載ページの参照ページに41を追加してください。属性のサイズにも参照頁先として41ページを追加してください。


587ページHTMLタグ一覧、上から3段目
 STARTの行がずれてしまいました。右にずらしてください。このため対応バージョン部分がIE=3,NN=2,i=2が正しいものになります。


592, 593ページ付録、iモードタグ一覧
 これは痛いミス。i1とi2の対応が逆。i1とi2のアイコンが逆です。


600ページ左下表★★★★
 表記の部分が全部&nbsp;になってます。以下のように修正してください。
表記結果
&nbsp;半角スペース
&copy;(c)【copyrightのマーク】
&quot;"
&reg;(R)【登録商標マーク】
&gt;>
&lt;<
&amp;&
&pound;£【ポンド】


601ページ、サイズに関する単位表
 QuarkXpressのバグかイメージセッタの都合により●デバイス〜の表の右側の100%の%の文字の右側が欠けてしまいました。また単位変換については一撃必殺単位変換リストのページを参照して下さい。


619ページ目的別索引「あ行」の上から4行目★★★★
 zが余計です。削除して下さい。

 〜表示用タグに各種スタイルを設定します z


636ページ索引
 Oの項目のOBJECTのTが抜けています。つけたしてください。


------ 以下は影響のない些細なミス等------

7ページカラーコード一覧、上から3段目右側
 WebSafeカラー〜の前で改行(する予定だった)。そのため余計な空白が入ってしまってます。


16ビジュアルインデックス
 BACKGROUNDのページ数の書体がOptima。ゴシックBBBが正解。


185,199ページのコラム
 本当は逆に入るはずでした。185ページコラムが199、199ページコラムが185です。


216ページ書式
 「箇条書きの数だけ繰り返し」の文字が赤色でなく黒色。長体になっているが標準が正解。


237ページコラム
 中央のタグの部分の色指定が抜け。
<IMG SRC="block.gif"><IMG SRC="block.gif">
   ↓
<IMG SRC="block.gif"><IMG SRC="block.gif">


598ページ「J-SkyWebで使用可能なタグ一覧(HTML、MML)
 表の文字の横線がちょっと文字にかかってしまってます。以下の部分。

<BODY>〜</BODY>の属性のBGCOLOR="#rrggbb"の下の線
<BODY>〜</BODY>の属性のTEXT="#rrggbb"の下の線
<CAPTION>〜</CAPTION>の属性のALIGN="top"の下の線
<DIV>〜</DIV>の属性のALIGN="right"の下の線
<FORM>〜</FORM>の属性のMETHOD="get"の下の線
<HR>〜</HR>の属性のCOLOR="#rrggbb"の下の線



599ページ「J-SkyWebで使用可能なタグ一覧(HTML、MML)
 <INPUT>タグの属性のMAXLENGTH="最大入力文字数"の"が内容の紫色のアミに重なってしまっている。


611ページ付録
 W3C〜の文字の前に・があるけど削除。



129ページ上から3行目★★
 閉じタグが間違っていました。以下のように修正してください。

 <H3 STYLE="text-decoration:blink">もじもじ</DIV>
              ↓
 <H3 STYLE="text-decoration:blink">もじもじ</H3>


242ページサンプル、上から4行目★★
 <BASE FONT=3>は<BASEFONT SIZE="3">の間違い。<HEAD>〜</HEAD>にありますが<BODY>タグの下の行に入れて下さい。


330ページ アンカーを指定する★★
 </A>が抜けてます。書式、例文、サンプル部分に</A>を付け足して下さい。


610ページ リンク集★★
 リンク先URLの文字が一部抜けてます。以下のように修正してください。

 DDI(EZweb)
 (HDMLタグ解説ページ)
 http://www.ezweb.ne.jp/tag/tag.html




- 第二刷、修正一覧 -

12ページビジュアルインデックス☆☆
 <BASEFONT>のBASEFONTの色が赤色になっていますが黒色が正解です。


24ページビジュアルインデックス☆☆
 説明文に以下を追加。

 URLを省略した場合は、現在のページが再度読み込まれます。


383ページサンプル☆
 FORMタグのACTION=でmailto:が抜けていました。
 <FORM ACTION="win@notechnorogy.com"
  ↓
 <FORM ACTION="mailto:win@notechnorogy.com"


385ページサンプル☆
 FORMタグのACTION=でmailto:が抜けていました。
 <FORM ACTION="pr@ms.co.jp"
  ↓
 <FORM ACTION="mailto:pr@ms.co.jp"




- 第三刷、修正一覧 -

94ページ[1]HTML文書サンプル☆☆☆☆☆
 HTML4.0,4.01では以下のようになります。

<HTML>
<FRAMESET COLS="200,*">
<FRAME SRC="menu.html">
<FRAME SRC="cont.html">
<NOFRAMES>
・Menu
<UL>
<LI><A HREF="1.html">page 1</A>
<LI><A HREF="2.html">page 2</A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>


95ページサンプル☆☆☆☆☆
 HTML4.0,4.01では以下のようになります。
<HTML>
<FRAMESET COLS="100,*">
<FRAME SRC="menu.html" NORESIZE>
<FRAME SRC="bryce.html">
<NOFRAMES>
Menu
<UL>
<LI>りんご</A>
<LI>まど</A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>


317ページ[8]繰り返し回数のサンプルが1行抜け☆☆☆☆☆
 以下の例の行が抜けています。追加してください。
<MARQUEE LOOP="2">2回だけ動きます(^^)</MARQUEE>

334ページ[3]リンク済み状態の文字色(カラー名、カラーコード)▲
 サンプルでA:activeとありますがa:visitedの間違いです。
A:active { color: #000080 }
  ↓
A:visited { color: #000080 }


347ページ、注意を追加☆☆☆☆
 Macintosh版Internet Explorer 4.0,4.01,4.5での注意事項を追加してください。

注意:Mac+IE4.xではあらかじめA { text:blue; }などのようにスタイルを指定しておかないとhoverの効果があらわれません。Mac+IE5.0では修正されており、A:hover { スタイル指定 }で正しく動作します。


401ページサンプル6行目☆☆☆
 FORM〜で行末に>がありタグが閉じられていますが>は不要です。


401ページ右上(柱)☆☆☆
 ページの右上(柱)の文字が抜けてます。「複数行入力可能なテキスト入力欄を作成します」を追加してください。と書いてもホワイトで書かないと書けないですね....


402ページ、428〜473ページ(表組み、段組み)☆☆☆
 OPTIONタグが閉じられていません。HTML3.2, 4.0, 4.01ではOPTIONタグの終了タグ(</OPTION>)は省略可能となっています。
 同様にTABLEタグの</TD>,</TH>,</TR>,</LI>も省略可能となっています。


418ページ、書式、表中の入力モード☆☆☆☆
 日本語入力モードの切り替えの指定値および説明が間違っていました。deactivatedでなくdisabledが正解です。また、日本語入力なし、とありますが「一度半角英数モードに切り替え後、日本語入力への切り替えは不可」が実際の動作となります。

[2] 入力モード(auto、active、inactive、deactivated)
      ↓
[2] 入力モード(auto、active、inactive、disabled)

キーワード入力モードの状態
auto自動
active日本語
inactive英語
deactived日本語入力なし
      ↓
キーワード入力モードの状態
auto自動
active日本語
inactive英語
disabled半角英数モードに切り替え後、日本語入力への切り替えは不可


508ページ、左下対応バージョン☆☆☆☆
 対応バージョンの属性値でCLSIDとありますがCLASSIDの間違いです。


344ページ、544ページ「カーソルの形状指定」▲▲▲
 カーソル形状指定でSTYLE="cursor:hand"のようにhandを指定するとポインタが指マークになります。


■省略タグとタグ名についての補足(549ページ、その他の下段に追加)
 終了タグが省略可能なのはHTML4.01までとなっています。また、XHTML 1.0ではタグ名、属性名などは全て小文字で記述するようになりました。例えば<A HREF="index.html">top</A>は<a href="index.html">top</a>のように小文字で記述する事になります。詳しくはXHTML 1.0のページを参照してください。


Macintosh版Internet Explorer 5.0について☆☆☆☆
 Macintosh版Internet Explorer 5.0は4.01,4.5とはスタイルシートの解釈が異なります。以前はWindows版に割と近かったのですが、5.0からはかなり違う解釈をするようになりました。特にheight:で表示する高さを指定し、座標を移動させる場合、表示文字/画像がちょうどレイヤーの一番下にあると画面にゴミが残ってしまいます。また、ダイナミックに文字を変更(出力)すると、Win+IE4,5,Netscape 4などと異なった結果になってしまいます。


600ページ特殊文字表▲▲▲
 Internet Explorer 4以降では以下の特殊文字を示すキーワードが指定できます。一部の文字はMacintosh版Internet Explorerでは正しく表示されません。

"
&
<
>
 
¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬
­
®
¯
°
±
²
³
´
µ

·
¸
¹
º
»
¼
½
¾
¿
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
×
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
ð
ñ
ò
ó
ô
õ
ö
÷
ø
ù
ú
û
ü
ý
þ
ÿ
Œ
œ
Š
š
Ÿ
ƒ
ˆ
˜
Α
Β
Γ
Δ
Ε
Ζ
Η
Θ
Ι
Κ
Λ
Μ
Ν
Ξ
Ο
Π
Ρ
Σ
Τ
Υ
Φ
Χ
Ψ
Ω
α
β
γ
δ
ε
ζ
η
θ
ι
κ
λ
μ
ν
ξ
ο
π
ρ
ς
σ
τ
υ
φ
χ
ψ
ω
ϑ
ϒ
ϖ



&zwsp;
















&lre;
&rle;
&pdf;
&lro;
&rlo;







&iss;
&ass;
&iafs;
&aafs;
&nads;
&nods;


































































"
&
<
>
©
®

&quot;
&amp;
&lt;
&gt;
&nbsp;
&iexcl;
&cent;
&pound;
&curren;
&yen;
&brvbar;
&sect;
&uml;
&copy;
&ordf;
&laquo;
&not;
&shy;
&reg;
&macr;
&deg;
&plusmn;
&sup2;
&sup3;
&acute;
&micro;
&para;
&middot;
&cedil;
&sup1;
&ordm;
&raquo;
&frac14;
&frac12;
&frac34;
&iquest;
&Agrave;
&Aacute;
&Acirc;
&Atilde;
&Auml;
&Aring;
&AElig;
&Ccedil;
&Egrave;
&Eacute;
&Ecirc;
&Euml;
&Igrave;
&Iacute;
&Icirc;
&Iuml;
&ETH;
&Ntilde;
&Ograve;
&Oacute;
&Ocirc;
&Otilde;
&Ouml;
&times;
&Oslash;
&Ugrave;
&Uacute;
&Ucirc;
&Uuml;
&Yacute;
&THORN;
&szlig;
&agrave;
&aacute;
&acirc;
&atilde;
&auml;
&aring;
&aelig;
&ccedil;
&egrave;
&eacute;
&ecirc;
&euml;
&igrave;
&iacute;
&icirc;
&iuml;
&eth;
&ntilde;
&ograve;
&oacute;
&ocirc;
&otilde;
&ouml;
&divide;
&oslash;
&ugrave;
&uacute;
&ucirc;
&uuml;
&yacute;
&thorn;
&yuml;
&OElig;
&oelig;
&Scaron;
&scaron;
&Yuml;
&fnof;
&circ;
&tilde;
&Alpha;
&Beta;
&Gamma;
&Delta;
&Epsilon;
&Zeta;
&Eta;
&Theta;
&Iota;
&Kappa;
&Lambda;
&Mu;
&Nu;
&Xi;
&Omicron;
&Pi;
&Rho;
&Sigma;
&Tau;
&Upsilon;
&Phi;
&Chi;
&Psi;
&Omega;
&alpha;
&beta;
&gamma;
&delta;
&epsilon;
&zeta;
&eta;
&theta;
&iota;
&kappa;
&lambda;
&mu;
&nu;
&xi;
&omicron;
&pi;
&rho;
&sigmaf;
&sigma;
&tau;
&upsilon;
&phi;
&chi;
&psi;
&omega;
&thetasym;
&upsih;
&piv;
&ensp;
&emsp;
&thinsp;
&zwsp;
&zwnj;
&zwj;
&lrm;
&rlm;
&ndash;
&mdash;
&lsquo;
&rsquo;
&sbquo;
&ldquo;
&rdquo;
&bdquo;
&dagger;
&Dagger;
&bull;
&hellip;
&lre;
&rle;
&pdf;
&lro;
&rlo;
&permil;
&prime;
&Prime;
&lsaquo;
&rsaquo;
&oline;
&frasl;
&iss;
&ass;
&iafs;
&aafs;
&nads;
&nods;
&euro;
&image;
&weierp;
&real;
&trade;
&alefsym;
&larr;
&uarr;
&rarr;
&darr;
&harr;
&crarr;
&lArr;
&uArr;
&rArr;
&dArr;
&hArr;
&forall;
&part;
&exist;
&empty;
&nabla;
&isin;
&notin;
&ni;
&prod;
&sum;
&minus;
&lowast;
&radic;
&prop;
&infin;
&ang;
&and;
&or;
&cap;
&cup;
&int;
&there4;
&sim;
&cong;
&asymp;
&ne;
&equiv;
&le;
&ge;
&sub;
&sup;
&nsub;
&sube;
&supe;
&oplus;
&otimes;
&perp;
&sdot;
&lceil;
&rceil;
&lfloor;
&rfloor;
&lang;
&rang;
&loz;
&spades;
&clubs;
&hearts;
&diams;
&QUOT;
&AMP;
&LT;
&GT;
&COPY;
&REG;
&TRADE;


607ページ右下、下から12行目▲▲
 余計な文字(ム)が入っていますので削除してください。
 フレームを区切る線
          ↓
 フレームを区切る線






- 第四刷、修正一覧 -

28〜29ページ▲▲▲▲
 keywordの属性がHTTP-EQUIVになっていますがNAMEの間違いです。全部で4箇所あります。

<META HTTP-EQUIV="keyword" CONTENT="[1]">
     ↓
<META NAME="keyword" CONTENT="[1]">

[1]検索単語の部分
<META HTTP-EQUIV="keyword" CONTENT="GAME">
     ↓
<META NAME="keyword" CONTENT="GAME">

サンプルSampleの部分
<META HTTP-EQUIV="keyword" CONTENT="HTML,TEXT,XML">
     ↓
<META NAME="keyword" CONTENT="HTML,TEXT,XML">


398ページ【2】入力欄の初期表示文字▲▲▲▲▲
 VALUEは初期表示文字とありますが、表示されるブラウザと表示されないブラウザがあります。file upload未対応ブラウザではVALUEの値が、そのまま表示されます。また、VALUEの値を設定し、file uploadボタンで何も選択されない場合はCGIにVALUEで設定した値が送信されます。


369ページサンプル〓
 font-color:#303050とありますがcolor:#303050です。




- 第五刷、修正一覧 -

316ページサンプル〓〓
 上の書式部分のパラメータ説明でLOOPが抜け、BGCOLORの番号が間違っています。LOOP="[8]" BGCOLOR="[9]">〜<MARQUEE>に修正してください。

589ページHTMLタグ一覧のTBODYの部分〓〓〓〓
 TBODYタグがNN4対応となっていますが6以降が対応しています。


28〜29ページ▲▲▲▲
 name="keyword"となっていますがname="keywords"が正解です。



- 第六刷、修正一覧 -

tableタグについて〓〓〓〓〓
 本の執筆時に存在していたD501i,D502iではtableタグは解釈され表示されましたが、以後発売されているiモード対応携帯(SO503iなど)ではtableタグは解釈されず無視されます。compactHTMLではtableタグは未サポートです。また、NTTのページに利用できるタグリストがあります。また、tableタグに対応しているかどうか、こちらでテストできた機器は以下の通りです。?が表示されている機種については未確認です。もし、tableタグ(表)が表示されるかどうかテストしてメールしても、いいという方はhttp://203.141.192.44/i.htmlのテストページにアクセスして表が表示されるかをopenspc@po.shiojiri.ne.jpまでメールしていただければ幸いです。
8月22日 N502iの動作状態を追加しました。利用者の方からメールいただきました。どうもありがとうございます。〓〓〓〓〓〓

D501i
F501i
N501i
P501i
D502i
F502i
F502it
N502i
N502it
P502i
NM502i
SO502i
SO502iWM
D503i
F503i
F503is
N503i
N503is
P503i
P503is
SO503i×
D209i
F209i
N209i
P209i
P209is
R209i
ER209i
KO209i
D210i
F210i
N210i
P210i
KO210i
SO210i
SH821i
N821i
P821i

src,hrefに記述するプロトコル〓〓〓〓〓
 hrefやimgタグのsrc属性に通常の使用では想定されないプロトコル、例えばimg srcにmailto:などを記述しないでください。このような通常使用されないプロトコルなどを記述するとアクセス時に電源が落ちたり強制メール送信/電話がかかるなどのトラブルが発生する事があります。

objectタグ〓〓〓〓〓
 iモードの503iではobjectタグが使用できるようになっています。表示されるGIF画像形式はインターレースGIF、透過GIF、アニメーションGIFに対応しています。またJAVAアプレットも実行できます。

8ページカラー名一覧〓〓〓〓〓〓
 honeydewtab (#00DE2B)
      ↓
 honeydewtab (#00DE2B)(削除)