16

ベストプラクティス?

これはHTML4またはXHTML1とどのように異なりますか?

ここでは多くの議論が行われています:http://html5doctor.com/html-5-reset-stylesheet/

他にどのようなリソース/ディスカッションが存在するのか疑問に思います。

4

5 に答える 5

9

その投稿へのコメントはクレイジーです。あなたは確かに、より徹底的な議論を見つけるつもりはありません. 使用しているリセットから不要なルールと非推奨のタグを削除し、トラックインしておく必要があると思います。ポール アイリッシュ (jQuery のコア貢献者であり、Modernizr の共同作成者であり、現在は Google 社員) は、リンク先の記事に、必要になる可能性が高い HTML5 固有の CSS レベリングをすべて含むコメントを持っています。

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; zoom:1; }

Google は、HTML5Rocks.com の base.css でより単純なバージョンを使用しています。

section, article, header, footer {  display: block; }

Remy Sharp のシンプルで最低限の HTML5 Shiv または Modernizr を使用して JavaScript ループを実行し、IE で新しい HTML5 要素のスタイル設定を有効にする必要があります。HTML5 Shiv は、スタイリングを可能にする要素を作成するだけです。Modernizr は、はるかにフル機能の HTML5 および CSS3 検出/スタイリング ソリューションです。2010 年 3 月の HTML5 Doctor に関するもう 1 つのすばらしい記事、How to use HTML5 in your client work right now (2010 年 3 月) は、Remy と Richard が共著で、リセット記事の 8 か月後に書かれています。彼らは、Modernizr を使用して「Web フォーム 2.0 およびその他の HTML5 タイプのサポートを検出する」ことに言及しています。

また、Dion (Ajaxian と現在の Palm) は、IE で border-radius、box-shadow、gradient などの視覚要素をレンダリングする css3pie についてツイートしました。それを自分で保証することはできません。

(ここには他にもリンクがありましたが、1 つを除いてすべて削除する必要がありました。私の担当者は < 10 です。見つからないものがあれば、返信して投稿します。)

于 2010-07-19T06:54:28.740 に答える
3

HTML5はまだ広くサポートされていません。そのため、HTML5固有のリセットスタイルシートはまだ見つからないと思います。私の推奨事項は、Eric Meyerのものを使用して、HTML5のタグを追加することです。(例:ナビゲーション、ヘッダー、フッターなど)

于 2010-07-18T23:30:50.390 に答える
2

私は自分の好みで、Eric Meyer のリセットのバリエーションを使用しています。HTML5 との互換性のために、必要に応じて新しい要素を追加します。

特に、新しい要素はデフォルトでスタイル設定されていないため、独自のデフォルトを提供する必要があります。これは、section、aside、article などのブロック要素で特に重要です。display:blockこれらの要素を指定する必要があります。

于 2010-07-19T05:03:59.010 に答える
1

それにはたくさんのことがあります。福音として一人のCSS休息を取ることはできません。私は最近、ボイラープレート、YUI、私の好み、およびその他の ppls メソッドの一部を修正して、カスタム リセット シートを作成しました。それは好みと実用性によります。html5 css 標準を xhtml および html4 と区別するという点では、プロジェクトで要求によって xhtml が特に必要でない限り、すべての新しい作業に html5 doc-types を使用することを目指す必要があります。

于 2011-07-05T13:59:10.170 に答える
1

昨年末の Eric Meyers のリセットを HTML5 用に修正しました。すべてのプロジェクトで使用すると、うまく機能します: CSS リセット リフレッシュ

それに応じて表示する新しい HTML5 ブロック要素を設定します。これは現在主流のブラウザでは行われておらず、これを設定しないと問題が発生します。

また、HTML5 要素のスタイルを「リセット」します。技術的には、ブラウザーは HTML5 要素をネイティブにスタイル設定しないため、リセットはまだ必要ありませんが、サイトは今後もそうなる場合に備えて保証されます。

于 2010-07-19T04:36:42.547 に答える