;

DOCTYPE宣言

2011/05/22 ♠ 0 コメントリンク先

● HTML 4.01 Strict DTD (厳密な) [1999年12月のW3C勧告]

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” >

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

● HTML 4.01 Transitional DTD (移行期)

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” >

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

● HTML 4.01 Frameset DTD (フレームセット用)

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” >

< !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd” >

—————————————————————————-

● XHTML 1.0 Strict DTD [2000年1月26日のW3C勧告]

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

● XHTML 1.0 Transitional DTD [2000年1月26日のW3C勧告]

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

● XHTML 1.0 Frameset DTD [2000年1月26日のW3C勧告]

< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd” >

● XHTML 1.1 Strict DTD

< !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd” >

————————————————————————————

で、XML宣言は次のような感じ。

XML宣言は、文字コードがUTF-8もしくはUTF-16以外の場合(下の例のようにShift_JISとか)は先頭に記述しなければならない。UTF-8なら省略してもいいと…。

< ?xml version=”1.0″ encoding=”Shift_JIS”? >

※一部ブラウザとの互換性の問題点があるので注意(Win IE6)

http://www.animegif.net/tips/html/doctype-html-public.html

Quirks モードと Standard モード

2011/05/22 ♠ 0 コメントリンク先

DOCTYPE 宣言により、Webブラウザのレンダリングがいずれかのモードに切り替わる

IEのバヤイ(えーご)

http://msdn.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic2

FireFoxのバヤイはこんな風に処理(にっぽんご)

https://developer.mozilla.org/ja/Mozilla_Quirks_Mode_Behavior

たとえば、以下のようにURLを入れるか入れないかで処理がわかれる

  ◇Standardモードが選択されるケース

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

  ◇Quirksモードが選択されるケース

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” >

って感じに分かれる

Webページにすぐ使えるダミーテキスト(日本語)

2011/05/02 ♠ 0 コメントリンク先

Webクリエイターの入門以前の本かな

2011/04/17 ♠ 0 コメントリンク先

プロのWebクリエイターになるための教科書

プロのWebクリエイターになるための教科書

p.178 margin値の相殺

相殺という言葉の意味がわかっているのか不明だが、(この本の説明のまま表現する)

「縦方向に並んだボックス」のマージン、つまり、

上のボックスの magin-bottom と下のボックスの margin-top の値は相殺されることがある、と書かれている。

間違ってますよ。

この場合、「大きい値のほうが優先される」です。

また、「されることがある」ということは「されないこともある」のでしょうか?

あーん、タコ 校正ミス! か?

例えば、上のボックスの magin-bottom の値を50pxとし、下のボックスの margin-top の値を100pxとしたときに

この2つのボックスの間隔は何ピクセルになるか?

ということだが、相殺されたらなくなっちゃうってことですかね?

それとも引き算で値が変わっちゃうってことですかね?

相殺

(1)貸し借り・損得などを互いに消し合ってゼロにすること。

(2)相反するものが互いに影響し合って、その効果などが差し引きされること。

(3)〔法〕 二人が互いに相手方に対して同種の債権をもっている場合に、相互の債権を対当額だけ消滅させること。

答えは、「大きい値のほうが優先される」ので、100pxです。

内容が簡単なので入門の入門にはいいのかも。

ListをCSSを使っていろいろなデザインで

2011/01/18 ♠ 0 コメントリンク先

http://css.maxdesign.com.au/listamatic/

こんな感じのものがあります

f:id:bew:20110118211901g:image

ブログ

CSSハックを使わずIEのバグに対処する方法

2011/01/17 ♠ 0 コメントリンク先

CSSレイアウト時のIE6対策まとめ

2010/10/05 ♠ 0 コメントリンク先

Dreamweaverの本

2010/02/16 ♠ 0 コメントリンク先

まあ、とりあえず…。

この本、字や図版が小さいんだよねぇー。すごく。困るのよ、ホント。

それから、前半のチュウートリアルで一通りの機能はやるんだけど、手順がすべて書いてあるから丁寧といえばそうなんだが、全部読まないといけないんだなぁ。めんどくせ。

wwwacth

CSSによるレイアウトを練習する本

2010/02/01 ♠ 0 コメントリンク先

同じ作者で

で、これが絶対! という訳じゃないですよ。

This is it.

研Q社より

This is it.

(1) そこが大事なところです; そこなんです.

(2) お待ちどうさま, いよいよです.

HTMLのなかで非推奨のヤツ

2010/01/26 ♠ 0 コメントリンク先

非推奨のやつ

<a name>とかね

wwwacth

現在の場所は ?

HTML category at Webデザインのトリセツ.