スポンサーサイト

今日は何位かな?→人気ブログランキングに参加しています♪

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

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のプログラムが続くので省略します。

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

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

[tips]tips | 【2007-04-13(Fri) 07:30:00】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © ホームページ&ブログ作成tips All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。