はドキュメントのアウトラインに表示される必要があります。 article 要素
独立して割り当て可能であることを意図した独立した構造または再利用可能。これは、フォーラムの投稿、雑誌やニュース記事、ブログ、ユーザーが投稿したコメント、インタラクティブなコンポーネント、またはその他の独立したコンテンツ項目である可能性があります。 要素がネストして使用される場合、この要素は外側の要素に関連する記事を表します。たとえば、ブログ コメントを表す 要素は、ブログ投稿を表す 要素内にネストできます。 要素の作成者情報は、 を通じて提供できます。 address> 要素ですが、ネストされた 要素には適用されません。 要素の公開日時は、
[注] および の場合、これは、タイトルとともに追加する必要がある
aside 要素です。
nav 要素
HTML ナビゲーション バー (
Web ページには複数の 要素 (例: これは Web サイト内のナビゲーション リストであり、もう 1 つはこのページ内のナビゲーション リストです)
header 要素
要素は、ブロックの紹介コンテンツと補助ナビゲーションをグループ化するために使用されるページ ヘッダーまたはブロック ヘッダーを表します。そのため、ブロックの title 要素やその他の紹介コンテンツ (目次、ロゴなど) が含まれる場合があります。 [注意] 要素と
footer 要素
[注]
ケースの説明:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>苹果首页</title>
</head>
<body>
<nav>
<ul>
<li><a href="#">Apple</a></li>
<li><a href="#">Mac</a></li>
<li><a href="#">iPad</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Watch</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">技术支持</a></li>
<li><a href="#">搜索</a></li>
<li><a href="#">购物袋</a></li>
</ul>
</nav>
<article>
<section>展示1</section>
<section>展示2</section>
<section>展示3</section>
<section>展示4</section>
<nav>
<ul>
<li>按钮1</li>
<li>按钮2</li>
<li>按钮3</li>
<li>按钮4</li>
</ul>
</nav>
</article>
<aside>
<ul>
<li><a href="#">Watch</a></li>
<li><a href="#">Pencil</a></li>
<li><a href="#">iPad</a></li>
<li><a href="#">MacBook</a></li>
</ul>
</aside>
<footer>
<nav>
<div>选购及了解</div>
<div>商店</div>
<div>应用</div>
<div>账户</div>
<div>关于</div>
</nav>
<section>
<div>其他杂项</div>
</section>
</footer>
</body>
</html>
## 説明: main
は一般的には使用されません。主な理由は IE のブラウジングです。 をサポートするブラウザはありません。メイン要素 () はドキュメント またはアプリケーションの本体をレンダリングします。主要部分は、ドキュメントに直接関連するコンテンツ、またはドキュメントの中心テーマやアプリケーションの主要な機能部分に及ぶコンテンツで構成されます。コンテンツのこの部分はドキュメント内で一意である必要があり、一連のドキュメント内で繰り返されるコンテンツを含めることはできません。
タグは、 タグを含む次の要素の継承にすることはできません。 、
しかし、現在、一般的にレイアウトは次のようになります<header></header>
<section></section>
<section></section>
<section></section>
<footer></footer>
(学習ビデオ共有: Web フロントエンドの入門 )
