1

XHTML 1.0 の厳格なマークアップを使用してレスポンシブ サイトを作成できますか? メディア クエリは CSS3 に近いと思いますが、XHTML に制限はありますか? XHTML が必要な理由は聞かないでください :/ これは、この巨大なサイトで XHTML が使用されなくなり、この小さなキャンペーン サイトでも XHTML を使用する必要があるためです。全体の部分 (およびヘッダーも) は、この古いサイトからのものです。

どうも！

4

3 に答える 3

2

XHTML5 = HTML5 + XML パーサー。

私のサイトはhttp://www.jabcreations.com/で、PHP を使用してクライアント ヘッダーを介して、ブラウザが XHTML をサポートしているかどうかを判断します。

私は XHTML で制限に遭遇したことはなく、実際、通常の HTML よりもはるかに優れています。コーディングがより厳密であるため (メディア タイプ/MIME を正しい Doctype と共に実際に提供する場合)、よりクリーンで無駄のないコードを生成するのに役立ちます。最初は少し難しいですが、厳密なコードは動的コードが少なくなるわけではありません。より厳密なコードは、何を期待するかをよりよく理解できるため、扱いやすくなります。text/html を使用すると、あらゆる種類のものに直面する可能性があり、そのことに気付かないことさえあります。たとえば、私が頻繁に行っていたフォーラムのユーザーは、文字通り何日もかけて Safari だけで CSS が壊れている理由を突き止めようとしていました。

私は自分のブログ、CMS、コントロール パネル、フォーラム、プライベート メッセージ、統計などをすべてこの方法でコーディングしました。より厳格なより高い基準は、より良いコードにつながる可能性があり、実際に、基準をそれほど高く設定しなかった場合よりもはるかに多くのことができるようになりました。

...そして、XHTML に対するほとんどすべての引数は無効です。非 XHTML ブラウザには、XHTML 1.0 Strict doctype (XHTML 1.1 の代わりに) を提供できます。document.write を使用することはできませんし、使用すべきではありません (スクリプト要素を body 要素の子にするべきではありません)。

さらに、私のサイトでは CSS3 メディア クエリを使用しているため、モバイル ブラウザーへのレスポンシブについて話している場合は、それを組み合わせて行うこともできます。私のブログでブラウザのサイズを水平方向に変更するだけで、レンダリング領域の減少に合わせてレイアウトが適応し、本質的に小さな画面サイズをエミュレートします。

于 2012-08-07T05:21:43.297 に答える
1

(X) HTML は、レスポンシブ要素を実際に作成する部分ではありません。その唯一の仕事は、ウェブサイトの構造です。CSS、具体的には CSS3 は、ウェブサイトをレスポンシブにする部分です。

于 2012-08-07T05:21:41.340 に答える