HTML5_html5 チュートリアル スキルの新しいタグと一般的なタグの詳細な説明

今日は、HTML5 の新しい構造要素を最初に紹介します。よく使用されるものもあれば、使用されないものもありますが、実際には、ページがスタイルを無効にすると、ページの意味がより分かりやすくなります。プレゼンテーションは div のプレゼンテーションと何ら変わりません。これらは同じであり、ページの最終的なプレゼンテーションに影響を与えないので、article と Section の両方を使用できれば問題ないと言う学生もいるかもしれません。ユーザーのための実際のプロジェクトを考えると、私もそう思いますが、リファクタラーとしては、より専門的になり、アクセシビリティを考慮する必要があります。そうすれば、html5 タグの役割がより明確になります。そこで、内容を見直してブログに記録し、後で見つけられるようにみんなと共有しました。

HTML5 の新しい構造要素は主要な構造要素と非主要な構造要素に分けられます

1. 主な構造要素には、article、section、nav、side、time が含まれます
2. 非主な構造要素には、header、hgroup、footer、address が含まれます
1. item

article タグは、意味的に言えば、ドキュメントまたはページです。その使用法は次のとおりです。 通常は記事、ページ、独立した完全なコンテンツ モジュールです

通常はタイトルがあり、ヘッダー タグに配置されます

記事要素は互いにネストできます
非常に頻繁に使用されます独立性を重視し、ヘッダー タグの使用にさらに注意を払います。

コードをコピーしますコードは次のとおりです:

< header>

私はタグです

私は段落です

マイコンテンツ

セクション
セクションタグ, 意味的には一部であり、その使用法は次のとおりです。
ページコンテンツの独立した分割に使用され、多くの場合、記事のセクション 通常、コンテンツとタイトルで構成されます。タイトルのないコンテンツ はあまり使用されず、セグメント化とチャンク化が強調されます。

注: 『HTML5 および CSS3 の決定版ガイド』には、次のように記載されています: コンテナーにスタイルを設定する必要がある場合、またはスクリプトで動作を定義する場合は、セクションではなく div を使用して設定するコンテナーとして使用しないでください。スタイル。

コードをコピーします

コードは次のとおりです:

果物

ジャック・マーとは誰ですか

ジャック・マー、男性、1964 年 10 月 15 日生まれ浙江省杭州在住の有名な中国人起業家であり、アリババグループ、タオバオ、アリペイの創設者....

参考文献

百度、ウィキペディア...

• Lao Zhao のブログ


• Gui Ge のブログ

;li>彪おじさんのブログ

< ;/aside>