<article>,<section>,<figure>,<header>,<footer>,<nav>のようなHTML5タグを使用する利点は何ですか？

Question

HTML5には<article>, <section>, <figure>, <header>, <footer>, <nav>のような意味タグがあります。 <div>または<span>の代わりに使用する理由は何ですか？最適化はありますか？

Answer 1

の人が使用する場合は読みやす

"あなただけの意味論を主張しています！"議論の防衛として、それは彼らが異なることで同じことを言おうとしていることを暗示することを意味しています。ここではok引数ですが、必ずしもそうではありません。

より意味のあるhtmlタグを使用すると、HTMLをより読みやすく明瞭にすると同時に、タグに関連した特定のCSSを持つことができ、divのカスタムクラスを必ずしも必要としません。今では、あなたはクラスやタグのいずれかの方法でそのCSSが必要だと主張することができますが、ある時点で、すべてのプログラマーは好みを持っています。いくつかはfor (int i =0; i < count; < i++) {}と書いてあり、あるものはfor (int i = count; i > 0; i--;) {}と書いています。

<p>と<ul>のようなタグには、ブラウザに応じてデフォルトのCSSプロパティがありますので、これらのタグを使用して新しいページを簡単にスタイリングすることができます。

最後に、最良のコードを書くのに役立つものを使用してください。しかし、あなたとは異なる嗜好を持つ人と仕事をしなければならない可能性があるので、他の選択肢に注意してください。

Answer 2

<article>、<section>、 <figure>、<header>、<footer>、<nav>のようにHTML5のタグを使用する利点は何ですか？

HTMLは文書の構造をマークアップします。

これは、ユーザーエージェントに指示します：

• この要素があなたは理論的には、この要素は段落
• で、この要素が引用

ある

可能性が向かっています、使用：

• <div class="heading">
• <div class="paragraph">
• <span class="quote">

しかし、その後、ユーザーエージェントはこれらのdivとスパンが何を表しているか（どのレベルで）知ることはできません。

この理由から、私たちはドキュメントの構造を記述する要素を使用します。

マークアップの全文です。それ以上のものではありません。