XHTMLの構造 | 初心者でもわかりやすい/WEBデザイン勉強ノート

初心者でもわかりやすい/WEBデザイン勉強ノート

WEBデザイン勉強中、ひよっこWEBデザイナーの勉強ブログです。

読者様・訪問者の皆様こんにちわ!

ポートフォリオを印刷しようとしたら・・・インクが切れた・・・・

各種黒インク99円均一!≪半額インク≫  黒インクが安い・・・
インクって地味に高いから出費ですよね(/TДT)/・・・
ここなら送料もかからないからお店で買うよりお得ですよ~


さて、インクの話はさておき。
今日はXHTMLの構造のお話です。


WEB勉強ノート


前回「タグ」についてお話しましたが、

今日は構造!!

ホームページ全体は ↑ のような仕組みでできています。

①XML宣言ってなーに?
XML宣言は、このXHTMLがXMLであることを宣言しています。
XMLとは拡張可能マークアップ言語の一種であることを指定しています。
またこの宣言の記述をすると、IE6が描写モードとして相互変換してしまうため、記述なしのHPもあります。
しかし、IE6のシェアが低下している現在では、記述するサイトも増えています。

難しいと思いますが・・・

とりあえず(?)宣言しておけば問題ないです←


②文書型宣言
どのバージョンのXHTMLを使うかを記述します。
実務的には「XHTML 1.0 Transitional」を採用するのが一般的です。

記述方法は
<!DOCTYPE PUBLIC "ここに私用する文書">

またドリームウィバーのソフトを使えば簡単ですよ。



 【送料無料】Adobe DreamweaverCS5パ-フェクトマスタ-
価格:2,940円(税込、送料別)

【送料無料】Adobe DreamweaverCS5パ-フェクトマスタ-





初心者さんも、HPを制作したい方も、勉強したい方にも

おススメの本です。

私もCS5を使っているので持っています(^^)

ぱらぱら見るだけでも「こうなってるんだ~」みたいな発見が

あると思います。



③html要素

html要素は、ページのすべての基点となる大切な要素です。

html要素は「body要素」と「head要素」から成り立っています。

皆さんが見ているブラウザは、「body要素」です。画像も、文章もすべて、
このbody要素に記述されたものです。

body・・・つまり体!すべてなのです!

また、「head要素」。つまり頭の部分ですね!
ここには、例えば「日本語を使いますよ~」とか「タイトルは○○ですよ~」とか
「このHPは、こんなです。(例えば、横浜のペットショップのHPです。)」とかを記述するところです。


OKですか?



簡単にいってしまえば、XML宣言・文書型宣言は定型のものを記述。
html要素で、HPを作り上げていく・・・・

そんな感じです!

大体の構造はわかっていただけましたでしょうか?
質問がありましたら、お気軽にお願いします(-^□^-)



レンタルサーバ。借りるならこちら
↓ ↓ ↓ ↓ ↓

レンタルサーバーならライブドア


ブログでお金をかせぐなら
↓ ↓ ↓ ↓ ↓

アフィリエイトで稼ぐなら、アフィリエイトB



次回は、「head要素」について、もう少しお話します♪

また入門編以外にも、WEB小ネタ編・こまったときのWEBメモ帳など・・・
コンテンツも増やしていく予定です!


ではっ♪