ホームページ ウェブフロントエンド H5 チュートリアル HTML ファイルの HEAD 内部タグの簡単な分析

HTML ファイルの HEAD 内部タグの簡単な分析

Dec 14, 2016 am 10:57 AM

現在では、さまざまな WYSIWYG ツールを使用してホームページを作成するのが非常に簡単です。ただし、HTML のソース コードと構文を理解することは、間違いなくホームページを作成する上でより役立ち、ユーザーがページの効果をより正確に制御できるようになります。 HTML構文を紹介する記事は数多くありますが、HEADにはTITLEタグ以外にもいくつかのタグがあります。これらのマークは一般的には使用されませんが、これらについて一定の理解が必要です。
1. META
METAタグは、標準のHTMLに含まれていない一部の文書情報を記述するために使用されます。熾烈な競争により、ブラウザ メーカーは META を使用して多くの実用的な機能を開発し、これらの機能を一般的に使用されるブラウザで有効にするようになりました。非常に便利な使用法をいくつか紹介します。
*
このページと説明のキーワード。これらの定義をページに追加すると、一部の検索エンジンでは、読者がこれらのキーワードに基づいてホームページを見つけ、ホームページの内容を理解できるようになります。
*
ブラウザは 60 秒後に自動的に new.htm にリダイレクトされます。この機能を使用して表紙を作成できます。一定の時間が経過すると、読者は自動的にディレクトリ ページに移動します
URL 項目が利用できない場合、ブラウザはこのページを更新します
* * を使用します。時間を節約するために、ブラウザはオンライン ファイルの一時バージョンをローカル ハード ディスクに保存します。それを呼び出したい場合は、オンライン バージョンではなく、ハード ディスク上のファイルを直接表示します。読者に毎回最新バージョンを表示したい場合は、次の文を追加してください。
2 番目に、このドキュメントと他のドキュメントの間の接続関係を示すのが、外部カスケード スタイル シートの配置です。

REL パラメータは 2 つのドキュメント間の関係を記述し、HREF はターゲット ドキュメント名を指定します。
カスケード スタイル シートについては、他の記事を参照してください。
3. BASE
BASE には 2 つの主な用途があります:
1. この方法で、読者は文書をどこからダウンロードしたかを知ることができます。 .
フレームページで、あるフレームの接続を別のフレームに表示したい場合、例えばメニューフレームからコンテンツフレームへの接続を表示したい場合 では、メニュー ページのすべての接続の タグに target 属性を追加する必要はありません。接続はコンテンツ フレームに表示されません。
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 なので、次のように記述できます:

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles