FC2ブログ

logs

乱暴大雑把なHTML講座--タグるタグればタグる時

#根本は「乱暴に判り易くHTML解説」です。生真面目じゃありません。
#生真面目じゃないけど真面目です。「それ違ってるよ!」なんてツッコミ歓迎。
#おサポ内検索HTML講座


 例えば新聞などには「大見出し」があり「小見出し」があって記事本文には「段落」がある。本にも「章」があり「見出し」があってやっぱり「段落」がある。これはその文書の内容を判り易くする要素であり、HTMLはこの要素を「タグ」で示す方法である。*1
※参照:文書の骨格となる基本要素The Web KANZAKI

 <html>とか<body>とかもタグである。タグにも勿論守らなければならないお約束がある。

 =お約束その2=
 タグは閉じなければならない。

<h1>おサポ上手</h1>
<p>今日もおサポに励む一日。</p>


 上記にように <○○>で始まったら必ず</○○>で閉じなければならない。ここで終了~と終わってあげねばならないのである。

 骨まで愛してのHTMLの骨組みを見ても判るように、始まったタグは必ず閉じられている。始まったのに終わらないととても困るのである。何故困るかと言うと、しっかり終わっとかないとずるずると先に未練を引きずってしまうのである。ずるずると未練を引きずっていると未来に影響を及ぼすのはいうまでもなく、過去とはきっぱり決別する必要があるのだ。

 例えば<h1>と言うのは「見出し1」と言う意味なのであるが、これが閉じられていないと、次に続く段落「今日もおサポに励む一日」も全て見出しとして表示されてしまうのである。見出しっぱなしである。もちろん見出しっぱなしも困り者であるが、タグを閉じ忘れると表示自体ががたがたに崩れたり、本文が表示されなくなることもあるのだ。*2



 =お約束その3=
 タグの入れ子は清く順序正しく。

<a href="~~"><strong>リンクしちゃうよ</strong></a>  ○
<a href="~~"><strong>リンクしちゃうよ</a></strong>  ×

 タグは「始まったら閉じなければならない」のであるから、始まりと終了でワンセットと考えた方が良い。ワンセットなのでセット内容が他と入り組んではならないのである。入り組んで組んず解れずになると、もうややこしくてどうにもこうにもなのである。

 *1 「タグ」と言う目印(マークアップ)を読み込み、ブラウザはHTMLを表示させている。そう、HTMLとは「HyperText Markup Language」の略なのである。「目印のある超テキストな言語」はあまりにも直訳しすぎだが、まぁそんな感じだ。<どんな感じよ

 *2 その要素によっては閉じられていなくても、ブラウザが「ここで終わりね?」と勝手に解釈してくれるものもある。<p>なんかそう。でも、「タグは閉じるべきもの」をきちんと覚えておかなくてはならない。tableタグなんて閉じ忘れちゃうとIEでは勝手に終わらせてくれるが(昔の)Netscapeなんてtableの中身を全く表示してくれない。(体験あり)
 また、タグによっては初めから終了タグの存在しないものもある。孤独に生きているのである。
例) <br> (改行)、<hr> (水平線)、 <img ~~> (画像表示) など。

※このブログで投稿しているのはHTMLの基礎知識です。ブログカスタマイズに関しては、【私家版・はじめてのFC2ブログカスタマイズ】 sugar pot)などを参照するのがいいです。

この記事へのトラックバック

http://cyaimi.blog5.fc2.com/tb.php/127-54aab98e

(X)HTML は難しい?
  • 2005/07/09
  • From : Primary Planet

Primary Planetホームページを一から作るなんて、とっても難しいことなんでしょうね?と言われることがよくあります。確かにそんなに簡単ではありません。しかしながらそんなに難しいということもありません。ブログ界隈では見映えを決定する CSS ばかりがもてはやされておりますが、基本は ......


この記事へのコメント

 こんにちは~

こちらでは初めまして!一点、突っ込ませてください。

>タグは入れ子になってはいけない。

「入れ子」は○のほうで、×をもし一言で言うなら「てれこ」(^_^;)?かなぁ~と思ったんですが…いかがでしょ。

 いやはや
  • 2005/07/09
  • cyaimi ♦qPsYJoI2
  • URL
  • [ 編集 ]

まさにその通りです。なんとなく(雰囲気で)かいたかも。<ダメじゃん

ありがとございます!

コメント投稿フォーム

Paging Navigation

Navigations, etc.