ウェブデザインにおけるキーワード設計手法の紹介

多くの場合、ホームページを作成するときに、Web ページヘッダー属性の設定を無視します。 Web ページのヘッダー属性は、<Head> 識別子によって影響を受ける HTML ファイル内の領域を参照します。HTML ファイルのヘッダー情報には、現在のファイルに関するいくつかの情報のコレクションが含まれています。<Head> 領域の属性を変更しても、ファイルの視覚効果に直接影響はありません。しかし、これを設定することで、ホームページの制作プロセスがより標準化され、使いやすくなります。
次に、ホームページのヘッダープロパティを設定する方法を見てみましょう。

1. META 識別子META 識別子は、文字セット、作成者、バージョン、Web ページのキーワードなど、現在のページの重要な情報を記録するために使用されるホームページのヘッダー要素です。
例えば：
＜頭＞
..............
<meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″>
＜meta name=″コンピュータソフトウェアとハードウェアアプリケーションネットワーク″ content=″コンピュータソフトウェアとハードウェアアプリケーションネットワークスタジオ制作″＞
＜meta name=″バージョン″ content=″第3版″＞
＜meta name=″content″ content=″ソフトウェアのダウンロード、使用、ホームページ作成、収益化、ナビゲーション...″＞
..............
＜/head＞
「name」の内容は、META 識別子に現在のページに関する説明情報が含まれていることを示し、「http-equiv」は HTTP ヘッダー情報 (HTTP-EQUIV) を示します。

2. キーワード属性を挿入する<br />現在インターネット上で普及している多くの検索エンジンロボットは、META 識別子内のキーワード属性を読み取り、提供された情報に基づいてデータベースにインデックスを付けることができます。訪問者が検索サイトに関連するキーワードを入力すると、Web ページのアドレスが含まれます。ただし、一部の検索エンジンではキーワードの数を制限しており、余分なキーワードは無視されます。
例えば：
＜meta name=″keywords″ content=″コンピュータソフトウェアおよびハードウェアアプリケーションネットワークスタジオ、https://www.jb51.net″＞
＜meta name=″キーワード″ content=″ソフトウェアのダウンロード、ソフトウェアの使用方法、ホームページの作成、ナビゲーション″＞
このうち、「キーワード」はキーワードを指し、「コンテンツ」はキーワードの属性を指します。
3. Web ページの説明属性を挿入する<br />キーワードの性質と同様に、Web ページの紹介は検索エンジンロボットに現在の Web ページの概要を提供します。同様に、検索エンジンによっては紹介の単語数を制限しているものもあります。
例：
<meta name=″description″ content=″コンピュータソフトウェアおよびハードウェアアプリケーションネットワーク (https://www.jb51.net) - コンピュータソフトウェアおよびハードウェアアプリケーションネットワークスタジオ、Mavericks″>
4. Webページの更新属性を挿入する
例えば：
<meta http-equiv=″refresh″ content=″5;URL=https://www.jb51.net″>
このコードは、5 秒後に現在のページが自動的に「https://www.jb51.net」にジャンプすることを意味します。「コンテンツ」の「5」は、間隔が 5 秒であることを意味します。これは、Web ページの作成者が決定する「3」、「4」などの時間に変更することもできます。「URL」の後には、ジャンプ先の他のページのアドレスが続きます。
<meta http-equiv=″refresh″ content=″3″>
このコードは、3 秒後に現在のページが自動的に更新されることを意味します。「コンテンツ」の「3」は、間隔が 3 秒であることを意味します。また、「4」、「5」、または他の時間に変更することもできますが、これも Web ページの作成者が決定します。
5. Web ベースリンクプロパティを挿入する<br />ページ内のすべてのリンクが相対パスリンクを使用しており、インターネット上でそれらすべてを同じ絶対パスリンクに変更する場合は、Web ベースリンクプロパティを設定することでこれを実行できます。
例えば：
＜base href=″https://www.jb51.net/″ target=″_blank″＞
上記のように、リンクされると、Web ページ上のすべての相対パスの前に「https://www.jb51.net/」が付きます。このうち、「target=″_blank″」はリンクファイルを新しいウィンドウで開くという意味で、その他の設定も行えます。「_blank」を「_parent」に変更すると、リンクされたファイルは現在のウィンドウの親ウィンドウで開かれます。「_self」に変更すると、リンクされたファイルは現在のウィンドウ（フレーム）で開かれます。「_top」に変更すると、リンクされたファイルは全画面で表示されます。
上記は、Web ページのヘッダー属性を設定するためのヒントです。ホームページを作成する大多数のネットユーザーに役立つことを願っています。著者のXiao Niuは、ホームページ制作に関する経験や知見を互いに交換することで、誰もがオンラインホーム（個人のホームページ）をより美しくできることを願っています。

<<: CSSを使用して3Dフォトウォール効果を作成する

>>: React ルーティングリンク構成の詳細