セマンティックHTMLの理解について話しています。

1. HTMLの意味は何ですか?

基本的には、タイトル(H1-H6)、リスト(LI)のようなので、上の(強いEM)とを強調し、周りにいくつかの主要なラベルを展開します。

(構造化されたコンテンツ)の意味内容に基づいて良好な分解能、適切なラベル(コードの意味)を選択し、同時により多くのエレガントなコードを読み書きする開発者のために、ブラウザの爬虫類や機械をしましょう。

2.なぜセマンティクス?

  • CSSのない、良質なコンテンツの構造やコードの構造を示すこともでき、ページ内の場合。
  • タイトル、情報、lableラベルを利用した画像を説明したり、解釈するために使用ALTの用語次のようなユーザーエクスペリエンスを強化するために。
  • 検索エンジンは賛成と良好なコミュニケーションを確立します。
  • ページをレンダリングする有意義な方法で(例えば、スクリーンリーダー、盲目の読者、モバイルデバイスなど)その他の便利な分析装置。
  • 開発と保守チームを容易にするために、セマンティック読みやすく、それが違いを減らすことができ、この標準に従うW3C標準のチームに従って、次のページの重要な傾向です。

3.書き込みHTMLコードは何に注意を払う必要がありますか?

  • 非セマンティックタグスパンとdiv要素の最小限の使用
  • 、DIVまたはPで可能な限り、使用することができる場合に明らかセマンティックは、pはデフォルトとして垂直間隔を有する場合、それは互換性の特別な端末のために有利です。
  • CSSの設定を使用し、B、フォント、U、など:のような、純粋なスタイルのタグを使用しないでください。
  • それが強調されるべきであるテキストは、(ブラウザのデフォルトスタイルは、使用するCSSスタイルがそれらを持っていない)、強い(太字)またはEM(斜体)タグに含めることができます
  • TFOOTに尾に囲まTBODYの主要部分に囲まれたキャプション、thead要素によってヘッダを、使用する権利テーブルを使用してください。通常セルヘッダーと、ヘッダーTHと、を有するTDセルを区別します
  • フォームフィールドは、フィールドセットラベルラップを使用して、凡例ラベルとラベルの使用を説明します。
  • 各タグは、ラベルの使用を必要とし、IDが入力属性設定することにより、ラベル= someIDについて記載されるべきであり、テキストが関連する入力に対応して設けられた入力テキストボックス・ラベルに対応します。

 

おすすめ

転載: www.cnblogs.com/luoluo-snow/p/11505403.html