セマンティックな新しい認識

セマンティック

セマンティック化とは、テキストコンテンツの構造化(コンテンツセマンティクス)、およびセマンティックタグの選択(コードセマンティクス)を指します。これは、開発者がより洗練されたコードを読み取り、維持、および記述できると同時に、ブラウザーのクローラーと支援を可能にします。

1.セマンティクスの役割

素人の言葉で言えば、セマンティクスとは、マシンが理解できるようにデータと情報を処理することです。
セマンティック(X)HTMLドキュメントは、PDA、テキストブラウザー、障害者の使用など、訪問者のWebサイトの使いやすさを向上させるのに役立ちます。検索エンジンやクロールソフトウェアの場合、インデックスを作成するのに役立ち、重みが大きくなる可能性があります。
実際、SEOの最も効果的な方法の1つは、本質的にセマンティックであるWebページのHTML構造を再構築することです。

2.セマンティクスに注意を払う理由

  • アクセシビリティ:さまざまなWebページ読み取りソフトウェアなど、Webページをより適切に読み取って翻訳するための支援技術を支援します。
  • 取得可能性:優れた構造とセマンティクスにより、検索エンジンの効果的なクロールを改善し、Webサイトのトラフィックを増やすことができます。
  • 国際化:世界の人口のわずか13%が英語を母国語とするため、ユニバーサルセマンティックタグを使用すると、さまざまな国の開発者がWebページの構造を簡単に理解できます。
  • 相互運用性:Webページ間の違いを減らし、他の開発者がWebページの構造を理解できるようにし、後の開発と保守を容易にします。

3.一般的に使用されるセマンティックタグ

  • h1〜h6:タイトルタグは太字・拡大機能がありますが、効果を強調するだけの場合は「CSS font-weightfont-size」をご利用ください。
  • i:専門用語、外国語のフレーズ、通常はイタリックで表される植字テキストなど、何らかの理由で通常のテキストが通常のテキストと異なり、その外観によってセマンティクスが変更されないことを示します。
  • bは太字のスタイルを意味し、テキストを含み、重要性を強調する効果も、声やトーンにも影響を与えません。含まれるテキストをスタイルから特別なものにするだけです。
    一般的な用語のキーワードは、テキスト駆動型で使用できますソフトウェアエグゼクティブセンテンスまたは記事の紹介、マニュアルの製品/機能名など。
  • コンテンツの重要性を強調する強力な手段。これは、コンテンツの重要性(できるだけ早く確認する必要がある)、深刻さ、または緊急性を伝えることを目的としています。

4.H5セマンティックタグ

HTML5が登場する前は、ページのチャプターやさまざまなモジュールを表すためにdivを使用することに慣れていましたが、div`自体にはセマンティクスがありませんでした。しかし現在、ドキュメント構造をより明確に表現するために、いくつかのセマンティックタグがHTML5に追加されています。

H5セマンティックレイアウトページを使用する

5.気持ち

セマンティックコンテンツを学んだ後、今まで理解できなかった問題を解決しました。太字の関数に「b」と「strong」の2つのラベルがある理由がわかりませんでした。ルーキーのチュートリアルで検索したときに得られた答えは、トーンウェブページでトーンがどのように異なるか理解できず、彼は発音記号を追加しませんでした。勉強してみると、音声ソフトや検索エンジンに関係していることに気づきました。

おすすめ

転載: blog.csdn.net/weixin_48549175/article/details/109534068