HTMLとXHTMLの違いはなんだろう？
HTMLとXHTMLについて
- HTML4.01
- Hyper Text Markup Languageの頭文字を取ったもので、文書を意味付け（マークアップ）しWWW上に発信する共通言語です。HTML4.01はその最新版です。
- XHTML1.0
- 上記のHTMLをXMLの文法に基づいて再定義したものでHTMLに比べ文法が厳密になっていています。現在では、HTMLに変わりほぼ主流となっています。
HTMLとXHTMLは同じハイパーテキストマークアップ言語であり、文法もよく似ています。そのためHTMLを知っている人なら今直ぐにでもXHTMLでWebページを作ることができます。しかし、似ているせいで「どこが違うのか・何が違うのか」があまり分かり易くありません。そこで、HTML4.01とXHTML1.0の相違点を比較します。
IE6.0後方互換モードのまとめ
IE6.0後方互換モードとは
IE6.0後方互換モードとは、古いバージョンの独自仕様または誤った解釈で表示するモードのことです。
通常、この後方互換モードを意図して使うことはあまりないと思いますが、XHTMLの正しい文法としてXML宣言をするとIE6のバグ(※1)で後方互換モードになってしまいます。
- ※1．正しくは、XML宣言に限らずDOCTYPE宣言の前に、テキストなどが入ると後方互換モードになってしまいます。
ボックスモデルを理解してコーディングしよう
ボックスモデルの概念
ボックスモデルとはブロックレベル要素がもつ短形領域の概念で、内容・マージン（margin）・パディング（padding）・ボーダー（border）から構成されます。
この概念を覚えておくことでCSSレイアウトがぐんと楽になります。
下図がボックスモデルを図に表したものです。
コーディングスピードを上げるためにやっていることまとめ
コーディングスピードを上げるためにやっていること
コーディングスピードを上げるために、大きく分けて以下の三つに気をつけています。
- 環境を整える
- 正しい手順でコーディングする
- 経験を溜める
1. 環境を整える
何事も基本が大事です。自分がコーディングし易い環境を整えましょう。
- ◇コーディングツールを用意する
-
メモ帳一つでもコーディングは出来ますが、Dreamweaverなどのコーディングツールを使用することで、コーディングスピードを上げることができます。
しかし、Dreamweaverは高機能なため起動時間が遅かったり複数のファイルを開きすぎると動作が重くなってしまいます。そこでDreamweaverだけではなく、動作の軽いテキストエディタも用意しておくとベストです。
コーディングツールもテキストエディタも様々なものがあるため、試行錯誤しながら自分にあったものを探してみましょう。 - ◇ローカルWebサーバを構築する
-
PHPやCGIなどサーバサイドプログラムを使うときには、ローカルWebサーバがあると便利です。
Webサーバの構築というと大変そうですが、XAMPPを使うことで簡単に構築できます。
綺麗なコードの書き方
はじめに
綺麗なコードを書くためには、以下の二つに気をつけながらコーディングしましょう
- 統一感
- シンプルで無駄のないコード
統一感を出すために
統一感を出すために、コードフォーマットのガイドラインを作ります。
- 改行の入れ方
- タブの入れ方
- コメントの入れ方
- スタイルプロパティの順番
この4つをガイドラインとして定めることで綺麗なコードになります。
