HTMLの構成ホームページ&ブログ作成tips

HTMLの構成

今日は何位かな？→

HTMLの内容って見たコトありますか？

なければ、http://www.dynabook.com/（TOSHIBAダイナブックのサイト）を
開いてみて下さい。

それだけでは当然見えないので、IEの場合、「表示(V)」をクリックして
「ソース(C)」をクリックします。
するとたいていの方はメモ帳で「index_jp[1]」というファイルが開いたと
思います。

コレがHTMLの一例です。
結構色々余計な部分もついているので長くなっていますが、他のサイトも
同じように見えます。

ではこのサイトを例に少し文章の内容のうち、ヘッダー部分を説明します。

・<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

この部分は最後のURLで表示されるページのHTMLのバージョン4.01の
文法に則ってこのページを書いていますという宣誓文のような一文です。
HTMLのバージョンが変わるとまた数字が変わってきます。

・<html lang="ja">
これはhtml文書を囲むタグで、このテキストの一番後ろにあると必ず
セットで使われます。
日本語で書きますという言語設定もされています。

・<head>
ヘッダー情報を書きます。これも少し下げると</head>というタグが出て
きます。
なので</head>までの間にあるものがブラウザのメインの部分に表示されない
けれどこのページの為には必要なヘッダー情報になります。

・<meta ～>
この後には4行メタタグと呼ばれるタグが続きます。
最初の行はエンコードの設定、次はjavascriptの設定、次はスタイルシートの
設定（css）になります。
一番下の行は検索エンジンのロボットが巡回した際にこのページのキーワード
として拾っていって欲しいページを書きます。1つ1つを「,」で区切られます。

・<title>東芝：dynabook.com（Flash版）</title>
これはIEの左上に出ているこのページの名前を入力するところです。
<title>の後は必ず</title>で終わります。
タグは2個セットのモノが多いので、必ずチェックして下さいね。

そのあとはjavascriptのプログラムが続くので省略します。

以上でヘッダー情報の解説は終わりです♪

いつもありがとうございます(o_ _)o

お問い合わせはこちらから→

質問・相談・雑談などお気軽に♪24時間365日受付中★24時間以内の返信を心がけています。
48時間経過しても返信がない場合、見落としの可能性がありますので、
お手数をおかけして申し訳ございませんが、再度メール頂けますと幸いです。

Vistaや、IE7をお使いの方は、クッキーの設定を確認してから、ご購入ください。
Vistaの方は、こちらをご覧ください。
　⇒　http://manual.infotop.jp/customer/tips2.html

[tips]tips | 【2007-04-13(Fri) 07:30:00】 | Trackback:(0) | Comments:(0) | [編集]

« fontタグ | ホームページ&ブログ作成tips へ戻る | 岡田塾追加限定募集今夜24:00まで »

コメントの投稿