ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5_html5 チュートリアル スキルの新しいタグと一般的なタグの詳細な説明

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

WBOY
WBOYオリジナル
2016-05-16 15:48:181394ブラウズ

今日は、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 日生まれ浙江省杭州在住の有名な中国人起業家であり、アリババグループ、タオバオ、アリペイの創設者....





time
time タグは、意味的に言えば、次のように使用されます。
24 時間内の特定の瞬間または特定の日付を表します瞬間を表すときに時差を許可します

多くの形式で日付と時刻を定義できます
使用頻度は低いです。



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