HTML5_html5 チュートリアル スキルの 要素と 要素の詳細な説明

要素
HTML

要素は、このページの他のコンテンツと密接に関連していないか、単独で存在します。 。

要素は通常、サイドバーまたは挿入された補足コンテンツとして表示されます。通常、カタログ、索引、用語集などの定義をサイドバーに表示するために使用されます。また、関連する広告、著者の紹介、Web アプリケーション、関連リンク、現在のページのコンテンツの簡単な紹介を表示するために使用することもできます。 、など。

要素の使用に関する注意事項:

このタイプのテキストはメインコンテンツの一部とみなされているため、

要素を使用して括弧で囲まれたテキストをマークしないでください。

使用例:

XML/HTML コードコンテンツをクリップボードにコピー

1. <記事>
2. <p>
3. ディズニー映画 <em>リトル・マーメイドem> は
でした
4. は 1989 年に初めて劇場公開されました。
5. p>
6. <脇>
7. この映画は、初公開時に 8,700 万ドルの収益を上げました。
8. 脇>
9. <p>
10. 映画の詳細...
11. p>
12. 記事>

要素
Article 要素 (

) という名前から、フォーラムの投稿、雑誌やニュース記事、ブログ、ユーザーが投稿したコメント、インタラクションを表すことができます。コンポーネント、またはその他の独立したコンテンツ項目。その主なセマンティクスは、それ自体を独立したコンテンツ構造として表すことです。各

要素の内部構造は、ヘッダー タイトル (h1 ～ h6 要素) などと同様である必要があります。

要素の使用法:

要素がネストして使用される場合、この要素は親要素に関連する記事を表します。たとえば、ブログ コメントを表す

要素は、ブログ投稿を表す

要素内にネストできます。

要素内の著者の情報は

要素で表すことができますが、ネストされた

要素には適用されません。

要素内の記事の公開日時は、 要素の pubdate 属性で表すことができます。

コードサンプル

XML/HTML コードコンテンツをクリップボードにコピー

1. <記事 クラス="film_review" >
2. <ヘッダー>
3. <h2>侏罗纪公园h2>
4. ヘッダー>
5. <セクション クラス="main_review" >
6. <p>ディノスは素晴らしかったです!p>
7. セクション>
8. <セクション クラス="user_reviews" >
9. <記事 クラス="user_review" >
10. <p>私には怖すぎます。p>
11. <フッター>
12. <p>
13. 投稿日 <時刻 日時=" 2015-05-16 19:00">5 月 16 日時間> by リサ。   
14. p>
15. フッター>
16. 記事>
17. <記事 クラス="user_review" >
18. <p>同意します、恐竜は私のお気に入りです。< ;/p>
19. <フッター>
20. <p>
21. 投稿日 <時刻 日時=" 2015-05-17 19:00">5 月 17 日時間> by トム。   
22. p>
23. フッター>
24. 記事>
25. セクション>
26. <フッター>
27. <p>
28. 投稿日 <時刻 日時=" 2015-05-15 19:00">5 月 15 日時間> スタッフによる。   
29. p>
30. フッター>
31. 記事>