現在では、さまざまな WYSIWYG ツールを使用してホームページを作成するのが非常に簡単です。ただし、HTML のソース コードと構文を理解することは、間違いなくホームページを作成する上でより役立ち、ユーザーがページの効果をより正確に制御できるようになります。 HTML構文を紹介する記事は数多くありますが、HEADにはTITLEタグ以外にもいくつかのタグがあります。これらのマークは一般的には使用されませんが、これらについて一定の理解が必要です。
1. META
METAタグは、標準のHTMLに含まれていない一部の文書情報を記述するために使用されます。熾烈な競争により、ブラウザ メーカーは META を使用して多くの実用的な機能を開発し、これらの機能を一般的に使用されるブラウザで有効にするようになりました。非常に便利な使用法をいくつか紹介します。
*
このページと説明のキーワード。これらの定義をページに追加すると、一部の検索エンジンでは、読者がこれらのキーワードに基づいてホームページを見つけ、ホームページの内容を理解できるようになります。
*
ブラウザは 60 秒後に自動的に new.htm にリダイレクトされます。この機能を使用して表紙を作成できます。一定の時間が経過すると、読者は自動的にディレクトリ ページに移動します
URL 項目が利用できない場合、ブラウザはこのページを更新します
* * を使用します。時間を節約するために、ブラウザはオンライン ファイルの一時バージョンをローカル ハード ディスクに保存します。それを呼び出したい場合は、オンライン バージョンではなく、ハード ディスク上のファイルを直接表示します。読者に毎回最新バージョンを表示したい場合は、次の文を追加してください。
2 番目に、このドキュメントと他のドキュメントの間の接続関係を示すのが、外部カスケード スタイル シートの配置です。
REL パラメータは 2 つのドキュメント間の関係を記述し、HREF はターゲット ドキュメント名を指定します。
カスケード スタイル シートについては、他の記事を参照してください。
3. BASE
BASE には 2 つの主な用途があります:
1.
フレームページで、あるフレームの接続を別のフレームに表示したい場合、例えばメニューフレームからコンテンツフレームへの接続を表示したい場合
4. BODY タグには、ページ内の表示効果を定義するために使用されるいくつかの属性があります。
ALINK。 : 現在アクティブ化されている接続のテキストの色。
テキスト: テキストの色。
VLINK: 訪問したテキストの色。
注: 読者が閲覧しやすいように、テキストの色は背景色と明らかに異なる必要があります。
BACKGROUND、BGPROPERTIES、BGCOLOR: ページの背景部分。
BACKGROUND: ページ内に並べて表示される背景パターン。ページ上のテキストを読みやすくするために、背景パターンは単色のままにする必要があります。
BGPROPERTIES: FIXED に設定すると、背景パターンはスクロールしません。 (INTERNET EXPLORER のみ有効)
BGCOLOR: 背景色。
注: 背景パターンが暗く、テキストの色が明るい場合、ブラウザがページを呼び出す順序は「背景色 - テキスト - 背景パターン」であるため、背景パターンが表示されない場合は、テキスト白では読みにくいので、背景の模様に合わせて背景色を選択してください。
LEFTMARGIN、TOPMARGIN: 余白。 (INTERNET EXPLORER のみ有効)
LEFTMARGIN: 左マージン。
TOPMARGIN: 上部マージン。
MARGINWIDTH、MARGINHEIGHT: 余白。 (NETSCAPE NAVIGATOR のみ有効)
MARGINWIDTH: 左右の余白の幅
MARGINHEIGHT: 上下の余白の高さ
ここで初めて、INTERNET EXPLORER と NETSCAPE NAVIGATOR が異なるタグをサポートする状況に遭遇します。熾烈なビジネス競争により、マイクロソフトとネットスケープはブラウザ ソフトウェア開発の二大企業として、HTML の機能を拡張し、標準の HTML に含まれていないタグを追加しています。営業秘密の相互守秘義務により、2 つの開発には異なるマークが付いています。幸いなことに、これら 2 つのブラウザは、認識できないタグのエラーを報告せず、単に無視します。このようにして、サポートされているすべてのタグを追加することで、一貫した結果を得ることができます。この例では、ページを作成して 2 つのブラウザを使用する場合、余白は 0 なので、次のように記述できます:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
