HTML5 セマンティック構造の標準化_html5 チュートリアルのスキル-H5 チュートリアル-php.cn

HTML5 セマンティック構造の標準化_html5 チュートリアルのスキル

WBOY

リリース： 2016-05-16 15:51:39

オリジナル

1437 人が閲覧しました

HTML 構造はより明確で標準化されており、HTML5 最適化構造の考え方を学びます。
HTML5 では、一般的に使用される構造をマークするための新しい要素がいくつか追加され、HTML がよりセマンティックになりましたが、それを直接使用することはできず、使用できるとしても 10 年か 8 年かかります。
これはマイクロフォーマットのようなもので、代わりにクラスを使用するか、代わりに ID とクラス名を自由に使用して構造を明確にし、チームのコラボレーションをよりスムーズにするための標準として推進します。
いくつかの新しい構造タグ
◎セクション: これは本の章またはセクションであり、実際には HTML4 で独自の見出しを持つすべてのものです
◎ヘッダー: 上に表示されるヘッダーページ; head 要素とは異なります
◎footer: メール内に署名を表示できます
◎nav: 他のページへのリンクのセット
◎article: ブログ、雑誌、記事まとめなど
いくつかの例
HTML5 ドキュメント構造

...

XHTML ドキュメント構造
ヘッダー
ナビゲーション

セクション

脇
フッター
HTML5 画像構造

図 2.MozillaXForms のインストールダイアログ

XHTML 画像構造

図 2.MozillaXForms のインストールダイアログ

HTML5 マークアップ

m 要素はテキストが「マークされている」ことを示しますが、必ずしも強調する必要はありません。これは、本の強調表示されたセクションのようなものだと考えてください。
Google のキャッシュされたページは典型的な使用例です。キャッシュされたコピーにリンクしている場合、検索語にフラグが付けられます。たとえば、「Egret」を検索すると、キャッシュされた Google ページは次のようになります:
オオサギ (アメリカシラサギとしても知られています) は世界中で見られる大きなシラサギです。オオサギはゆっくりとした羽ばたきで飛びます。 .ダイサギはゆっくりとした羽ばたきで飛びます。