(X)HTML

XML宣言についてのアレコレ

  • (X)HTML

CSSを覚えていく上でXML宣言と文書型宣言に関しての理解がないと、組んでいくうちにブラウザによって表示の違いが生じ、後から色々とスタイルを調整しても何が原因で表示が違うのか分からなくなってしまうといった事があると思います。

という事で、XML宣言について自分なりのアレコレを書いてみます。（間違ってるトコあったらご指摘願います）
文書型宣言に関してのアレコレは次のエントリーに。

あ、XML宣言ってのはコレ↓です。

<?xml version="1.0" encoding="utf-8"?>

文書型宣言ってのは、ウチのサイトの場合コレ↓です。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

HTML4.0/4.01の非推奨要素・属性

  • (X)HTML

CSSに移行したばかりだったり、先行して覚えちゃうとHTML4.0/4.01でdeprecated（推奨しない）とされた要素や属性に気付かずに使っているという最悪のケースに陥ってしまう事も無きにしも有らずです。

せっかくCSSにしたのに、font とか align なんかを使ってるとちょっと恥ずかしいので、基本をしっかりという事で、覚えておきましょう。（むしろ自分自身の復習）

一覧は追記にて。
その前にチョットだけ、何で非推奨なんよ？って部分について。

HTMLってのは本来、文書の論理的な構造をコンピュータに知らせる為の言語です。
でも、テーブルレイアウトの普及や色々で実際問題は見栄えまで全てHTMLで定義するようになってしまいました。
ビルダーなどのソフトもソレに一躍かってしまった原因にも思えます。
そこで、HTML4.0/4.01はこのメチャメチャな状態を整え、見栄えと構造に関する事を分離させ、構造の表現のみにしようという姿勢のもとW3Cが頑張ってる訳です。
構造をHTMLで定義して、見栄えは定義しちゃダメってなると、じゃーどうするか？ってトコでスタイルシートの利用が推奨されています。
ただ、まだまだスタイルシートにちゃんと対応していないブラウザが多く残っており、表示がバラバラだったり、今までずっとテーブルレイアウトやらなんやらで見栄えを表現してきた現状が有る訳なんで、移行期間が設けられています。
HTML4.0/4.01でdeprecated（推奨しない）となった要素・属性は、こんな今までの背景からなっています。

現状、Transitionalで組んでいる場合は、推奨しない（望ましくない）のであって禁止ではないので、使ったからどーのこーのって事は無いんですが、今後廃止されてしまう可能性が有るから、使えなくなってから泣きながら変更ってならないように今のうちに移行しておいた方が良い感じです。

もちろん、StrictなDTDは厳格で正確な仕様なんで使ったらダメです。

と、まぁこんな理由からWeb標準って流れに動いている訳なんで、CSSを覚える上でもっとも重要なHTMLをしっかり覚えましょうって事です。

文書型宣言DTD（document type declaration）

  • (X)HTML

いつも、何処からともなくコピペするもの。（暗記する気全く無し）

xml宣言

<?xml version="1.0" encoding="utf-8"?>

文書型宣言DTD（document type declaration）

+++ XHTML 1.0 Transitional +++

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

+++ XHTML 1.0 Strict +++

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

+++ HTML 4.01 Transitional +++

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

+++ HTML 4.01 Strict +++

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

metaとか。

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

DOCTYPEについての説明は、文章型宣言とかドクタイプ、ドキュメントタイプ辺りで検索すれば、素敵サイトさまが丁寧に説明して下さってますので、そちらを参考にして下さい。

こういったメモって意外と役に立ったりするから、

いつも固定で指定するCSSのメモでもそのうち作ろうっと。

定義されている16色

  • (X)HTML

スペル覚えるの苦手なので、HTML4で定義されている16色のメモ。

black ■
silver ■
gray ■
white ■
maroon ■
red ■
purple ■
fuchsia ■
green ■
lime ■
olivie ■
yellow ■
navy ■
blue ■
teal ■
aqua ■

CSS2.1ではorangeも追加されています。
orange ■

↑上に行くよ