2011-12-27 4 views
3

これらのタグはすべて意味が異なると理解しています。例えば、articleは、離れている物語です。 sectionは、ページの自己完結型の部分用です...divのようにHTML5タグ(記事、セクション、脇、ヘッダー、フッター)が実装されていますか?

これは、さまざまな点で、便利で便利なタグです。しかし、彼らは構文砂糖ですか?私は彼らの間でスタイルの違いは見られなかったので。どんなCSSルールでも適用されていないときは、divと同じです。

一部のWebkit/Geckoのエキスパートがコードレベルでそれを明確にすることを望みます。

答えて

1

ほとんどはい。それらは実際にdivではなく、レベル要素(微妙だが異なるもの)をブロックする。

http://diveintohtml5.info/semantics.html#new-elements

ブロックレベル要素ですHTML5で定義されたいくつかの新しい要素があります。つまり、他のブロックレベルの要素を含めることができ、HTML5準拠のブラウザではデフォルトでdisplay:blockというようにスタイルが設定されます。

はい、今のところ、コードの長さを短くしてよりクリーンなマークアップを作成することができますが、これはブロックレベルの要素と同じです。 <p>タグからデフォルトスタイルを削除した場合は、<div>のようなものではありませんか?

1

私はそれらのスタイルの違いはありませんでした。どんなCSS規則によっても適用されないとき、それらはdivのようです。

各ブラウザには、ページコンテンツに適用される独自のネイティブスタイルシートがあります。これが、CSSのリセットスタイルシートを一般的に使用して、異なるブラウザスタイルシート間のすべてを正規化する理由です。スタイルとコンテンツは完全に別の2つのものですが、のようなものはのようなものではありません。です。したがって、表示する方法に基づいてページをマークするべきではありません。

ブラウザによっては、一部の埋め込みが<section>にあるような、特定のHTML5要素にデフォルトのスタイルを追加するのが一般的かもしれませんが、実際はそうではありません。

シンタックスシュガーですか?

全くありません。違いがあまりないように見えるかもしれませんが、スクリーンリーダーや検索エンジンなどでより意味のある方法でコンテンツを理解することができます。彼らは基本的にdivのようにレンダリングされているが、意味論的な値を有し、ジェネリックコンテナ要素として使用することを意味するものではない - Grillz's answerを述べたように

は、当該要素は、その点におけるように、全てのブロックレベル要素です。

関連する問題