HTMLとは?

最初は讀流して下さい。

基礎概念

ウェブサイトとは

ウェブサイトとは、何かの目的で作られた、一聯のリソース(HTML文書や畫像、その他)によつて成立してゐる、ウェブ上の存在を指します。全體として統一的な思想が表現された、主に一個人や一團體による創作物です。

HTML文書とは

定義

タグ(tag)によつて要素(element)の明示(マーク附け、マークアップ)のなされた或テキストファイルが、結果的にHTMLの仕樣に適合してゐる場合、そのテキストファイルは正しい(Valid)HTML文書であると言はれます。

或は、一般的な文書では明示されてゐない部分部分の意味を、ウェブ制作者がHTMLの仕樣書(DTD)に定められた記號の記述方法に從つて明示したものがHTML文書です。

HTMLの仕樣書は2002年4月現在、W3Cが策定してゐます。W3Cはインターネットの技術に關係してゐるヴェンダ等が參加してゐる團體です。

HTMLとは

定義

HTMLは、HyperText Markup Languageを略した語です。

大雜把に言ふと、人間が喋つたり書いたりする普通の言語に近い側面(body要素の部分)と、所謂プログラミング言語のやうにコンピュータへの命令を記述する爲の(メタファとしての)「言語」としての側面(head要素の部分)とを同時に持つ、特殊な「言語」です。

マーク附け(マークアップ)とは

定義

マーク附け(マークアップ)とは、或約束に基いて、一般の文書をHTML文書に仕立てる過程で行ふ作業の事を言ひます。

自然言語で書かれた文書を、要素ごとに分割していく作業、或は、文章の中に潜在的に存在する要素をタグによつて明示する作業の事を、マーク附け(マークアップ)と言ひます。

要素とは

一般的な要素の定義

要素とは、制作者が意圖を持つて他の部分から區別してゐる文書の一部分の事です。或は、文書の一部分に制作者や閲覽者、或はUser Agent等のプログラムが意味を認め(得)る時、その一部分を「要素」と呼びます。

• 文書が人間によつて書かれたものであるならば、どの文書のどの部分にも作者の意圖は潜在的に存在する筈であり、即ち要素は暗示的に常に存在するのであり、潛在的に存在する要素を顯在化させる作業がマーク附けであると言へます。
• マーク附けに於て、要素の前後は多くの場合、タグで明示されます。しかし、要素の開始・終了がタグによつて明示されてゐなくとも、或部分に制作者の意圖が存在する(と認められる)場合、その部分は一つの要素と看做されます。その爲、SGMLベースのHTMLで、開始タグや終了タグは、屡々「省略可能」である、と云ふ事になつてゐます。
• 暗示的に要素が存在する事から、或要素が出現する事によつて必然的に出現する概念も要素並に扱ふ事が出來ます。例へば、p要素がある場合、その直前に追加されるべき内容をp:before擬似要素、その直後に追加されるべき内容をp:after擬似要素として定義する事が出來ます。(※擬似要素はCascading Style Sheetsにおける概念です)
• 或文書の或要素はどこからどこまでか、ですが、タグで明示されてゐる場合は「開始タグの始まりの部分から終了タグの尻尾の部分まで」、タグで明示されてゐない場合は「何らかの理由で他と區別して認識可能な部分の最初から最後まで」と云ふ事になります。

ブロック要素とインライン要素の區別

• ブロック要素(ブロックレヴェル要素)とは、認識・理解・解釋を通して事實や思想が一纏まりの意見に昇華されたテキストの部分です。或は、完結した思想の一塊を指します。視覺メディアでは、しばしば前後で改行された段落(一塊のブロック)として表現される爲、「ブロック要素」と呼ばれます。
• インライン要素とは、認識以前の事實や認識そのものを示すテキストの部分です。或は、依然完結してはゐない、斷片的な事實や判斷以前の事實、或は判斷した事實を指します。視覺メディアで、段落の中(インライン)に前後を改行される事なく納まつた形で表現される爲、「インライン要素」と呼ばれます。

「ブロック要素」「インライン要素」と云ふ呼び方自體、特定の媒體に於る見榮えからの聯想に基いてゐる爲、必ずしも適切なものとは言へません。

• 文章全體や、題名、見出し、章、意味段落は、すでにそれ自體が一箇の完結した意見を示すものであり、ブロック要素です。
• 意味段落の中の個々のセンテンスや、文節、單語、助詞・助動詞は、それ自體、事實を示したり、事實に對する書き手の判斷を示したりしてはゐますが、それ自體が完結した一聯の思想となつてゐませんから、インライン要素です。

要素の入れ子構造

マーク附けに於て、要素は常に入れ子構造となつてゐます。

或要素は必ず他の要素に全體が含まれます(最上位のhtml要素を除く)。或要素と他の或要素の一部がオーヴァラップする事はあり(得)ません。

要素の入れ子構造の例

<blockquote title="ソシュール講義録注解">
<p>言語は、個人にことばの能力を發揮させる爲に、社會が採用した必要な取決めの總體である。</p>
</blockquote>

この例では、p要素がblockquote要素(<blockquote>〜</blockquote>)に含まれてゐます。(要素の明示方法・マーク附けの方法は後で詳述)

• 各要素の入れ子構造は、要素の意味を考慮して決定されます。現實の言語の構造から、HTMLの要素には或一定の入れ子構造が豫想され、それに基いてHTMLの仕樣は決定されてゐます。
• インライン要素は必然的にブロック要素の中に含まれます。未完成の事實・判斷を意味するインライン要素が、完成された思想を意味するブロック要素を包含する事はあり得ません。
• ブロック要素には、他のブロック要素に含まれ得るものと、含まれ得ないものとが存在します。

要素の明示

要素の明示(マークアップ、マーク附け)には、タグを使ひます。

タグとは、暗示的に存在する文章の要素を明示する爲に用ゐられる特殊な記述の事です。

通常のテキスト(地の文)とタグとは區別されなければなりません。その爲、タグを記述する特殊な記法が用意されてゐます。

• 要素は全て、開始タグと終了タグで括られます。
• 開始タグは、要素名を<と>で括つたものです。
• 終了タグは、要素名の前に「/」を追加し、<と>で括つたものです。

<と>で括られるのは要素の名稱(要素型)です。俗に「タグ名」と言はれますが、要素の名稱をタグで明示する、と云ふ事から考へると、「タグ名」と云ふ言ひ方は不適切です。

要素を明示した例

<title>櫻花さん番外地</title>

この例では、櫻花さん番外地と云ふ文字列がtitle要素の中身、<title>がtitle要素の開始タグ、</title>がtitle要素の終了タグです。

• HTML 4.01以前では、タグを記述する際、大文字と小文字を區別しない、と云ふ事になつてゐます。
• XMLでは大文字と小文字が區別されます。XMLに基いて定義されてゐるXHTMLでは、タグを記述する際、小文字しか使へない事になつてゐます。
• HTML文書では、明示的・暗示的にかかはらず存在する開始タグから終了タグまでの全體が要素と看做されます。開始タグ・終了タグによつて挾まれた部分を、要素の内容とか要素の中身とか(content)表現します。
• 一應仕樣書には、現實に使はれる筈の要素の最大公約數が示されてゐます。現状、ブラウザの實裝は、常に仕樣書と一致する譯ではありません。ブラウザは、未知の要素を取敢ず無視します(する筈)。
• 餘談ですが、英語で言ふtagは「荷札」の事です。名前を書いた「荷札」を括り附けていく事の聯想から、要素をマーク附けする際に要素の前後に記述する記號を比喩的にtagと呼んでゐるものと思はれます。

(所謂)「全角」の文字と「半角」の文字とは區別されます。タグの記述は常に「半角」の文字(ASCII文字)でなされねばなりません。HTMLの仕樣書では、HTML文書で記述されてゐて良い文字の種類がきつちり定義されてゐます。この文書ではかなり大雜把な説明しかしてゐませんので、詳しい事は仕樣書を見て下さい。

屬性

要素に特殊な意味がある場合、それを表現する爲には、「屬性」を開始タグに記述します。

屬性の記述例

<blockquote cite="http://www.w3.org/">
〜
</blockquote>

この例では、blockquote要素(引用文である事を示す要素)に、cite屬性(引用元を示す屬性)のある事を記述してゐます。

• 屬性は、屬性名(ここではcite)と屬性値(ここではhttp://www.w3.org/)とをイコールで結んで示します。
• 屬性値は"と"とで括るのが原則です。「"」の代りに「'」を使ふ事も出來ます。SGMLベースのHTMLでは省略出來る場合もありますが、仕樣書に書かれた規則に從つて下さい。XHTMLでは、「"」か「'」、どちらかの引用符で屬性値を必ず括らなければなりません。

屬性の記述にはやはり規則があります。

• HTML 4.01以前では、屬性名を表記する際、大文字と小文字を區別しない、と云ふ事になつてゐます。XHTMLでは、屬性名を表記する際、小文字しか使へません。
• 要素によつて、特定の屬性を必ず記述しなければならない事があります。もちろん、必ずしも記述しないで良い屬性もあります。文脈によつて、明示されるべき要素とともに、記述されるべき屬性は決ります。
• 一應仕樣書には、現實に使はれる筈の屬性の最大公約數が示されてゐます。ブラウザの實裝は、常に仕樣書と一致する譯ではありません。ブラウザは、未知の屬性を取敢ず無視します(する筈)。

「屬性の最小化」が可能な場合もあります。(HTML)

屬性値が一つしか規定されてゐない屬性(HRのNOSHADEなど)に關しては、屬性名の記述を省略できます(4.0までのHTMLに限つて言へば、このやうな場合は屬性名と屬性値が同一にされてをり、見た目には屬性名を省略したのか屬性値を省略したのか區別できません)。

よつて、以下の二つは同じ事を意味します。

1. <hr noshade="noshade">
2. <hr noshade>

XHTMLでは、いかなる場合にも屬性の最小化は許されてゐません。XHTMLでは、1番目の書き方しかしてはなりません。HTMLでは、2番目の書き方で大丈夫です。

屬性名は常にASCII文字(所謂「半角」の文字)で記述されねばなりません。屬性値は、キーワードが指定されてゐる場合、「半角」でなければなりません。キーワード以外の、フォント名やテキスト等を記述する際には、「全角」の文字が出現する事はあります。

HTML 4.01以前のHTMLの「空要素」

HTML 4.01以前のHTMLでは、中身のない要素(空要素)を明示する專用の要素型が定義されてゐます。

中身のない要素は開始タグのみ記述し、終了タグは記述しません。飽くまでSGMLベースのHTMLの場合です。

空要素の例

<img src="hinomaru.png" alt="日本の國旗・日の丸">

XHTML 1.0以降では、中身のない要素(空要素)をマーク附けする場合も終了タグを記述しなければならない、と云ふ決りになつてゐます。マーク附けの規則が單純化された、と云ふ事です。

XHTMLにおける空要素の例(省略ナシの形)

<img src="hinomaru.png" alt="日本の國旗・日の丸"></img>

タグの省略機構に基き、以下のやうにも記述されます。

XHTMLにおける空要素の例(省略した形)

<img src="hinomaru.png" alt="日本の國旗・日の丸" />

舊來のプログラム(ブラウザ・User Agent・その他)が混亂しないやう、後者の省略した記法が、現時點(2002年春現在)では推奬されてゐます。

實體參照

實體參照(entity)とは、間接的に或種の概念を指示する行爲です。

HTML文書のオーサリングにおける實體參照とは、「マーク附けの規則によつて地の文で使用出來なくなる記號や、文字コードや文字セットの制約で直接文書に記述出來ない文字などを、閲覽者やブラウザ・User Agentに指示する記法」の事です。

實體參照はHTML文書に於て、文書を記述する際の制約であり、同時に擴張です。

• 一般に、實體參照は&〜;と云ふ形式で記述します。
• &は、&のまま表現出來ないので、&と記述します。
• 制作者はHTML化する文書で、通常のテキストとして<や>を使つてゐてはなりません。使つてゐると、プログラムがその文書を解釋する時に問題を生じます。(タグの一部だと解釋される)ですから、制作者は、<、>の代りに、<、>と書いておかねばなりません。
• "も、"と書けます。ただし、開始タグの中で屬性を記述する際に、屬性値を括る目的で記述される"を、"と記述してはなりません。
• 文字コードの制約などの理由により、直接入力出來ない(或は、直接記述しづらい)文字や記號を、やはり實體參照を用ゐて記述する事が出來ます。Shift-JISの文書で、JISの文字セットに含まれず、unicodeの文字セットに含まれる文字を表記したい場合に、實體參照を用ゐてその文字を記述する事が可能です。詳細は今、説明しません。
• &を&と云ふ風に記述するのを「文字實體參照」、&と云ふ風に記述するのを「數値實體參照」などと呼ぶ事があります。

「プログラムに解釋される特殊な文字を、プログラムに解釋されるのを囘避する爲、別の字に置換へる」と云ふ發想から、コンピュータの世界には「エスケープ」と呼ぶ概念が存在します。「實體參照」と「エスケープ」の指示する概念は良く似たものです。ただ、見方が異るから呼び方が異ります。

HTMLの仕樣書であるDTDを記述する際にも「實體參照」が使はれます。今説明した、「オーサリングにおける實體參照」と同じentityと呼ばれるものですが、ここでは説明しません。

空白文字

HTMLの仕樣では、(所謂)半角スペース、タブ、改行文字等が一概に空白文字として扱はれます。

タグの直前・直後の空白文字は、テキストの一部とは看做されず、無視されるのが、HTMLの仕樣です。

連續する空白文字はブラウザに、一つの空白文字として扱はれます。ただし、pre要素の中では話が別です。

• 改行をブラウザ等のUser Agentは基本的に、スペースに變換して扱ひます。
• HTML文書に出現する改行を、ウェブブラウザ等は通常、「文章を構成する爲に何らかの意味を持つ改行」だと認識しません。改行が「段落の區切り」を示すものだ、とブラウザ等のプログラムは認識しません。
• 段落は一つのブロック要素として明示される筈であり、段落の前後はタグで明示される筈である、と云ふ事です。改行自體にではなく、文章の中身に意味がある、と考へれば良いでせう。
• テキストの行末を表はす制御コード(「改行」)には、「行頭への復歸」(CR＝キャリッジリターン)と「次行送り」(LF＝ラインフィード)との二つがあります。WindowsではCR-LFを、MacintoshではCRを、unixではLFを、それぞれ「改行」の意味の制御コードとして用ゐてゐます。HTMLで改行の文字(改行の制御コード)を空白文字扱ひするのは、OS間でHTML文書の互換性を維持する爲です。
• 英語圈で作られた電子テキストで、一々「右端」の折返しを改行で明示してゐるものがあります。この種の「改行」は、「單語と單語の區切り」で行はれます。HTMLで改行を空白文字1字分として扱ふのは、その手の「改行」が「單語と單語の區切り」であるからです。

なほ、(所謂)全角スペースは空白文字と見做されません。

空白文字に關しては、もつと詳しい規定がありますが、ここでは説明しません

目次

• HTMLとは
• テキストをマーク附けする
• HTML早分り
• DOCTYPE宣言に就いて
• ブロック要素とインライン要素