ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 セマンティック タグの実践について (ブログ ページ)

HTML5 セマンティック タグの実践について (ブログ ページ)

黄舟
リリース: 2017-02-20 13:44:12
オリジナル
1888 人が閲覧しました

HTML5+CSS3を使用してブログページを作成しました。全体的なエフェクトのレイアウトは次のとおりです:

HTML5 セマンティック タグの実践について (ブログ ページ)

ページのレイアウトはhtml5要素に基づいています。したがって、始める前に HTML5 要素についてよく理解し、そのセマンティクスがレイアウトに適合するかどうかを確認することが重要です。

HTML5 の構造

HTML5 セマンティック タグの実践について (ブログ ページ)

HTML5 コードを記述するときは、単に

タグを html5 の

タグに置き換えないことが非常に重要です。

要素が意味的に適切な選択となる場合もあります。たとえば、ラッパーまたはコンテナー p

従来の p 要素を置き換えるために使用できる新しいタグの 1 つは、

要素です。
要素には、ページのメイン ナビゲーション メニュー

をラップするために使用される
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート