ベストプラクティス?
これはHTML4またはXHTML1とどのように異なりますか?
ここでは多くの議論が行われています:http://html5doctor.com/html-5-reset-stylesheet/
他にどのようなリソース/ディスカッションが存在するのか疑問に思います。
ベストプラクティス?
これはHTML4またはXHTML1とどのように異なりますか?
ここでは多くの議論が行われています:http://html5doctor.com/html-5-reset-stylesheet/
他にどのようなリソース/ディスカッションが存在するのか疑問に思います。
その投稿へのコメントはクレイジーです。あなたは確かに、より徹底的な議論を見つけるつもりはありません. 使用しているリセットから不要なルールと非推奨のタグを削除し、トラックインしておく必要があると思います。ポール アイリッシュ (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 です。見つからないものがあれば、返信して投稿します。)
HTML5はまだ広くサポートされていません。そのため、HTML5固有のリセットスタイルシートはまだ見つからないと思います。私の推奨事項は、Eric Meyerのものを使用して、HTML5のタグを追加することです。(例:ナビゲーション、ヘッダー、フッターなど)
私は自分の好みで、Eric Meyer のリセットのバリエーションを使用しています。HTML5 との互換性のために、必要に応じて新しい要素を追加します。
特に、新しい要素はデフォルトでスタイル設定されていないため、独自のデフォルトを提供する必要があります。これは、section、aside、article などのブロック要素で特に重要です。display:block
これらの要素を指定する必要があります。
それにはたくさんのことがあります。福音として一人のCSS休息を取ることはできません。私は最近、ボイラープレート、YUI、私の好み、およびその他の ppls メソッドの一部を修正して、カスタム リセット シートを作成しました。それは好みと実用性によります。html5 css 標準を xhtml および html4 と区別するという点では、プロジェクトで要求によって xhtml が特に必要でない限り、すべての新しい作業に html5 doc-types を使用することを目指す必要があります。
昨年末の Eric Meyers のリセットを HTML5 用に修正しました。すべてのプロジェクトで使用すると、うまく機能します: CSS リセット リフレッシュ
それに応じて表示する新しい HTML5 ブロック要素を設定します。これは現在主流のブラウザでは行われておらず、これを設定しないと問題が発生します。
また、HTML5 要素のスタイルを「リセット」します。技術的には、ブラウザーは HTML5 要素をネイティブにスタイル設定しないため、リセットはまだ必要ありませんが、サイトは今後もそうなる場合に備えて保証されます。