FC2ブログ

logs

乱暴大雑把なHTML講座--メタメタ愛して

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


 骨から愛してもらったら、次はもっと自分を良く知ってもらうのである。知ってもらうために、色々な情報を記さなければならない。ここで問題になるのは「情報を記す順序」である。「お友達からはじめましょう」レベルからはじめなければならず、決して、出会ったその場でいきなりベッドにもつれ込むほどの勢いで情報を出しまくってはいけないのである。身体だけが目当てだったのねと嫌われてしまうからである。(ぇ

 =お約束その2=
 正しい順序で情報を記述
(head要素に情報を記す)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML~~">
<html lang="ja"> ←日本語なのよ私、と最初に報せる

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">*1
       Shift_JIS(日本語)ってコードで書いてるの
<meta name="author" content="cyaimi">
       名前はね、そう、cyaimiって呼んで
<meta name="Keywords" content="おサポ, cyaimi, アットドリーム">
       キーワードは「お・さ・ぽ」
<meta name="Description" content="おサポcyaimiのブログ">
       おサポ上手ってつまりこういうこと。(内容説明)

 <title>
 おサポ上手 になりたい
 </title>

<link rel="stylesheet" type="text/css" href="style.css">
       CSSは「style.css」を見てね♪*3
<link rel="index" href="./">
       トップページはindexを見てね♪
</head>



 この内、上4行の順序は必ず守らなければならない。例えば、「俺は埼玉生まれだ」といきなりパラグアイのエンリケ・ホセ・ゴンザレスさんに言っても、彼は日本という国は知っているかもしれないがさすがに埼玉までは知らず、まして火星に住むlkjが;ぁgsjさんに「私は日本人よ」と言っても伝わらないのである。正しく「地球にある日本という国の埼玉に住んでいる」と説明しなければならない。<例え悪い

 そこでまずHTMLの場合は「文書型宣言」を行い、次に日本語だと知らせる。更にhead要素の中で最初に「Shift_JIS」と言うコードで記述していると報せなければならない。*2
 この順序だけは必ず守らなければならないお約束である。例えば、コードの記述を後に回すと何が起こるかと言うと、記述しているコードをブラウザが正しく判断できない結果、世にも恐ろしい文字化け現象が起こりやがるのである。

 head要素の中には他に「誰が運営しているか」やこのHTML文書の説明などを施し、ついでに文書に含まれるキーワードなどの情報も記述する。
参考:HTMLのメタ情報The Web KANZAKI

*1 <meta name ~~> は孤独に生きる単独タグである。

*2 他には「euc_jp」などがある。

*3 CSS=カスケーディングスタイルシート 構造を記すHTMLに対して、見栄えを記す(文字の大きさ、色など)。CSSを外部ファイルで参照する際に、このように記す。
参考:スタイルシート入門とほほのWWW入門

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

この記事へのコメント

 うわぉっ。
  • 2005/06/28
  • sugar ♦fYdA4Rtg
  • URL
  • [ 編集 ]

cyaimiさん、こっそり?やっているものにスポットライト当てちゃいけません、儀礼的無関心を保たなきゃ(笑)。いやいやいや、no kidding ! ありがとうございます。cyaimiさんを嘘つきにしないためには、「参照するのがいい」くらいの内容にしないといけない、と。

それはさておき(置くんかい)、ちょいとタイトルを変えたので、検索リンクをご変更いただけますよう、お願い申し上げます(このままコピペしちゃってくださいませ)。

http://bittersweetdreams.blog9.fc2.com/index.php?q=%BB%E4%B2%C8%C8%C7%A1%A6%A4%CF%A4%B8%A4%E1%A4%C6%A4%CE
【私家版・はじめてのFC2ブログカスタマイズ】

 「儀礼的無関心」
  • 2005/06/28
  • cyaimi ♦qPsYJoI2
  • URL
  • [ 編集 ]

ちょっとウケたり。

ポツポツですけど、フォーラムから来る方がいるようなので、
「私の見てもブログのカスタマイズにはあまり役に立たないよ~、むしろsugarさんのほうがいいよ~」
って感じでリンクさせてもらいました。
私の方は本当に「ざっくりHTMLの基本構造」って感じなので。
CSSですらすっとばしですぜ。

コメント投稿フォーム

Paging Navigation

Navigations, etc.