過去数年間、html 4 を使用して Web サイトをプログラミングしてきました。昨日、先に進んで HTML5 を学ぶことにしました。悲しいことに、古いブラウザは HTML5 をサポートしていませんが、ブラウザに html5 を理解させる「html5shiv」という js ファイルを見つけました。
HTML5 の新しいセマンティクスを学習しているときに、いくつかの要素の違いを理解するのに苦労したことはほとんどありません。
<figure>タグを見てみたら、こんなことが書いてありました。
「要素のコンテンツは<figure>メイン フローに関連していますが、その位置はメイン フローとは無関係であり、削除されてもドキュメントの流れに影響を与えるべきではありません。」
削除しても文書の流れに影響しないとはどういう意味ですか?
<div>また、との違いは何<section>ですか? <article>さらに、と<section>またはの違いは何<div>ですか?
前もって感謝します！
divブラウザでsectionは同じように扱われます (未知の要素はdivs として扱われるため)。 の利点は、ソース コードを読んでいる人に、この要素が他の ssectionとは異なる一連の情報を表していることが明確になることです。sectionおそらく将来的には、検索エンジンは に含まれる情報よりも に含まれる情報を優先するようになるでしょsectionうdiv。実際には (2013 年現在)、すべてsectionの とarticleをdiv. したがって、利点は、a) セマンティックな読みやすさと、b) 将来の証明です。
私の知る限り、このarticleタグは、その子要素 (多くの場合sections) を全体の一部と見なす必要があることを示しています。
w3schools の引用: セマンティック要素:
この
<article>要素は、独立した自己完結型のコンテンツを指定します。記事はそれ自体で意味をなすものでなければならず、Web サイトの他の部分とは独立して配布できるものでなければなりません。
要素を使用できる場所の例:
フォーラム投稿
ブログ投稿
ニュース記事
コメント