ホームページ  >  記事  >  ウェブフロントエンド  >  H5 セマンティック タグの概要

H5 セマンティック タグの概要

一个新手
一个新手オリジナル
2017-10-14 09:29:432327ブラウズ

H5 新しいタグ----セマンティックタグ

違い: 1. デフォルトのスタイルが異なります

2. SEO 最適化効果があります

1. 通常、Web ページの先頭として使用されます。

2. 余談ですが、サイドバー

3、ナビゲーション、ナビゲーションバー

4、アドレス、住所、フォントスタイルはデフォルトで傾いています

ドキュメントまたは記事の作成者/所有者の連絡先情報を定義します。

要素が 要素内にある場合、それはドキュメントの連絡先情報を表します。

要素が
要素内にある場合、それは記事の連絡先情報を表します。

5. セクションは、ドキュメントの特定の領域、パーティション、ページ、または部分を表します。これは、独立した内容を持ちますが、その範囲は p よりも大きく、セマンティクスは p よりも強力です。ヘッダー、h1 ~ h6... セマンティクスを強調するタグを含めることができます

6. 記事、独立したコンテンツ (記事、ブログ、投稿、短い記事または返信など)、コメント

7. ウェブサイトの下部

7.

8. hgroup、タイトル h タグを含む特別に使用されるグループ

9、<詳細を開く>

詳細、詳細

open属性: デフォルト展開

概要は詳細タイトル

10に相当します。<ダイアログオープン>画像エリア:複数の画像を含めることができます。タイトル

画像のタイトル: 通常は図の中に書かれます

画像の内容

12、マークと時間

マークには特殊効果があり、テキストの一部が強調表示されます。時間の背景はデフォルトで黄色です。これはブラウザが見るためのものであり、ブラウザだけが情報をより正確にキャプチャするためのものです。

13.meter、既知の範囲または小数値内のスカラー測定を定義します。IE はサポートしません

14. 進捗状況、Ruby の実行またはダウンロードの進捗状況

15 の 3 種類。参考文献

cite: 線要素、フォントの傾き

blockquote: ブロック要素、上下の単語間のデフォルトの間隔、左右の余白 40px

q: ブロック要素、引用符付きの導入

17、2 つの書式設定コード

コード、改行とスペースの書式設定と表示

前に、私たちが書いたものはすべて表示できます

以上がH5 セマンティック タグの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。