HTMLと列車の比喩1

古瀬幸広　「インターネット活用法」（BLUE BACKS　講談社）から引用

　なによりもまず、HTMLの本質を理解し、なぜこのようなタグを使った表現をしてい るのか、あるいはあえて表現力の低い方法を使っているのか、ということも、本質を 理解すればわかるはずである。
　理想は、HTML関連の規格書から目を通すことだ。

* Block-level elements make up the document's structure *

A character-level element is used inside a block-level element. It should not be used outside block-level elements.

＜内容＞

• HTMLと列車の比喩(1)：ブロック・レベルとテキスト・レベル
• HTMLと列車の比喩(2)：テキスト・レベルは お客！
• HTMLと列車の比喩(3)：ブロック・レベルは客車
• HTMLと列車の比喩(3-1)：ブロック・レベルは 客車(2)
• HTMLと列車の比喩(4)：super block element !
• 補足　本文からもリンク

テキスト・レベルとブロック・レベル

　DTD規格書を読むには、SGMLで記号の見方を知らないとDTDに書いてありません。記 号を知らなくてもタグの図表にしたものもありますが、全体の位置付けはDTDに一回 は当たらないとわかりません。手助けにとWDGのdistribution pageがあり、Noteも書き添えてあり見やすくなっ ています。Style guide for online hypertextは、全体を掴むのに役立ちます。

　これらは英文です。このdistribution pageも辞書と思って使えるよにする手助けと なることが、ここ比喩の目的です。
　では、はじめてみます。

　テキストレベルとブロックレベルと言うことの理解が基本なのだと思いますが、こ の意味が分かりにくいようです。そこで敢えて比喩からはいってみてはと思い、「客 車編成とHTML」で試みてみます。
　このページのタグの書き方も客車編成を意識して書いてみますので、ソースも見て 下さい。

　客車はひとつひとつ独立していますし、お客を乗せ、客は座席にすわります。客車 は一つのブロックを作っていると言えます。一方、お客はそのブロックに入り、そこ の座席の配列に沿って座ります。客車座席の配列の仕方が異なり各々独立（ブロッ ク）し、お客も飾りを*身*に付けた人もいます。
　客車が　block level elements　で、客はひとつひとつの文字にあたりtext level elementsは客が*身*に付ける飾りに当たると考えてみます。

　ここまでのソースをみると、
お客が［P：客車］や［BLOCKQUOTE：客車］内に座っているというイメージがつくので はないかと思いますが、どうでしょうか。
　以下は、そのソースです。

****************************************************************************

<P>
古瀬幸広　「インターネッt活用法」（BLUE BACKS 講談社）から引用
</P>

<HR>

<BLOCKQUOTE>
　なによりもまず、HTMLの本質を理解し、なぜこのようなタグを使った表現をしてい
るのか、あるいはあえて表現力の低い方法を使っているのか、ということも、本質を
理解すればわかるはずである。<BR>
　理想は、HTML関連の規格書から目を通すことだ。
</BLOCKQUOTE>

<HR>

<P>
　DTD規格書を読むには、SGMLで記号の見方を知らないとDTDに書いてありません。記
号を知らなくてもタグの図表にしたものもありますが、全体の位置付けはDTDに一回
は当たらないとわかりません。手助けにとWDGの<A HREF="http://
www.htmlhelp.com/distribution/">distribution page</A>があり、Noteも
書き添えてあり見やすくなっています。
</P>

<P>
　テキストレベルとブロックレベルと言うことの理解が基本なのだと思いますが、こ
の意味が分かりにくいようです。そこで敢えて比喩からはいってみてはと思い、「客
車編成とHTML」で試みてみます。<BR>
　このページのタグの書き方も客車編成を意識して書いてみますので、ソースも見て
下さい。
</P>

<P>
　客車はひとつひとつ独立していますし、お客を乗せ、客は座席にすわります。客車
は一つのブロックを作っていると言えます。一方、お客はそのブロックに入り、そこ
の座席の配列に沿って座ります。客車座席の配列の仕方が異なり各々独立（ブロッ
ク）し、お客も飾りを*身*に付けた人もいます。<BR>
　客車が　block level elements　で、客はひとつひとつの文字にあたりtext level 
elementsは客が*身*に付ける飾りに当たると考えてみます。
</P>

<P>
　ここまでのソースをみると、<BR>
お客が［P：客車］や［BLOCKQUOTE：客車］内に座っているというイメージがつくので
はないかと思いますが、どうでしょうか。<BR>
　以下は、そのソースです。
</P>

****************************************************************************
列車編成：

［<P></P>］客車
     |　　　　　　　----------------->>> 空白ができます。
  ［<HR>］ 無人車
     |　　　　　　　----------------->>> 空白ができます。
［<BLOCKQUOTE></BLOCKQUOTE>］客車
     |　　　　　　　----------------->>> 空白ができます。
  ［<HR>］ 無人車
     |　　　　　　　----------------->>> 空白ができます。
［<P></P>］客車
     |　　　　　　　----------------->>> 空白ができます。
［<P></P>］客車
     |　　　　　　　----------------->>> 空白ができます。
［<P></P>］客車
     |　　　　　　　----------------->>> 空白ができます。
［<P></P>］客車

　お客は、客車内にいないと危険です。必ず、何らかの客車内に座っています。
一方、飾りは(text level elements)お客が身に付けるものです。客車を飾ることはできません。
　テキストレベルとブロックレベルのイメージが付いたでしょうか。
　おや、［HR：客車］にはお客が乗っていません。客車の種類を知らなければなりません。

#^＜内容＞ページ内topへ ［比喩2］へ進む

　The Web Design Groupが提供しているThe HTML Basics seriesやHTML Basics: Terminologyも あり、これらが読みやすくなると思います。

［ホームページ］