HTMLページのヘッダーコードは完全に明確です

HTMLページのヘッダーコードは完全に明確です
以下のコードはすべて <head>...</head> の間にあり、具体的な内容は次のとおりです。
1、<title>…</title>
タイトル要素は、ユーザーがファイルを識別しやすくなります。タイトル要素は 1 つだけです。ホームページやコレクションとして使用する場合のファイル名として使用されます。
2. <link>…</link>
このドキュメントと他のドキュメントの関係を表示します: <link rel="stylesheet" href="s.css"> 外部スタイルシートへのリンク。
rel は HTML ファイルと URL ドキュメントの関係を記述し、href はドキュメント名を記述します。
3、<style>…</style>
ドキュメントにスタイルシートを含めることが可能です。ドキュメント自体の内部スタイル。
4、<base>…</base>
相対パスの絶対パス URL を定義して、読者がドキュメントをダウンロードした後にどこにダウンロードすればよいかわかるようにします。
URL 形式: プロトコル://ホスト名/パス/ファイル名
5. <script>…</script>
Javascript または VbScript などのスクリプト (スクリプト言語で記述された一連のコマンド) を含めるために使用されます。
6. <meta>…</meta>
メタタグの一般的な機能:
1. ホームページが主要な検索エンジンにログインできるように支援する 2. ページで使用される言語を定義する 3. 自動的に更新して新しいページを指す 4. Web ページが変換されたときにアニメーション効果を実現する 5. Web ページの評価と評価 6. ページのバッファリングを制御する 7. Web ページが表示されるウィンドウを制御する。
meta は、HTML ドキュメント内の HTTP プロトコル応答ヘッダー メッセージをシミュレートするために使用されます。
メタ属性には、name と http-equiv の 2 つがあります。
name 属性は主に、Web ページを記述し、コンテンツ (Web ページのコンテンツ) に対応するために使用され、検索エンジン ロボットが検索して分類するのに役立ちます (現在、ほぼすべての検索エンジンは、オンライン ロボットを使用してメタ値を自動的に検索し、Web ページを分類します)。最も重要なのは、description(検索エンジンでのサイトの説明)とkeywords(カテゴリキーワード)なので、各ページにメタ値を追加する必要があります。

名前属性
1. <meta name="Generator" context="editplus"> は、生成ツール (Microsoft FrontPage 4.0 など) を記述するために使用されます。
2. <meta name="KEYWords" contect="jb51,cnrose">Web ページのキーワードを検索エンジンに示します。
3. <meta name="Description" contect="jb51's blog">検索エンジンにサイトのメインコンテンツを伝えます。
4. <meta name="Author" contect="jb51">検索エンジンにサイトの著者を伝えます。
5. <meta name="ロボット" context="すべて|なし|インデックス|なし|フォロー|nofollow">
プロパティの説明は次のとおりです。
すべてに設定: ファイルが取得され、ページ上のリンクを照会できます。
none に設定: ファイルは取得されず、ページ上のリンクを照会することはできません。
インデックスに設定: ファイルが取得されます。
フォローするように設定: ページ上のリンクをクエリできます。
noindex に設定: ファイルはインデックス化されませんが、ページ上のリンクはクエリできます。
nofollow に設定: ファイルはインデックス化されませんが、ページ上のリンクはクエリできます。

http-equiv 属性
1. <meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> と <meta http-equiv="Content-Language" contect="zh-CN"> は、ホームページで使用されるテキストと言語を説明するために使用されます。たとえば、英語は ISO-8859-1 文字セットであり、BIG5、utf-8、shift-Jis、Euc、Koi8-2 などの他の文字セットもあります。
2. <meta http-equiv="Refresh" content="n; url=http://yourlink"> 指定された時間 n 秒以内に http;//yourlink ページにジャンプするように Web ページをスケジュールします。
3. <meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT"> を使用すると、Web ページの有効期限を設定できます。有効期限が切れると、サーバー上で再度呼び出す必要があります。 GMT 時間形式を使用する必要があることに注意してください。
4. <meta http-equiv="Pragma" contect="no-cache"> は、ブラウザがローカル マシンのキャッシュからページ コンテンツにアクセスすることを禁止するために使用されます。これを設定すると、Web ページを離れると、キャッシュから取得できなくなります。
5. <meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">Cookie 設定。Web ページの有効期限が切れると、保存された Cookie は削除されます。 GMT 時間形式を使用する必要があることに注意してください。
6. <meta http-equiv="Pics-label" context="">Web ページの評価。IE のインターネット オプションには、一部の制限された Web サイトの閲覧を禁止できるコンテンツ設定があります。Web サイトの制限レベルは、meta 属性によって設定されます。
7. <meta http-equiv="windows-Target" contect="_top">ページを現在のウィンドウに独立したページとして表示するように強制します。これにより、Web ページが他のユーザーによってフレーム ページとして呼び出されるのを防ぐことができます。
8. <meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"> と <meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)"> は、ページに入るときと出るときに特別な効果を設定します。この機能は、FrontPage の「フォーマット/Web ページ遷移」ですが、追加するページはフレームページにすることはできません。

Duration の値は、Web ページが動的に遷移するのにかかる時間 (秒単位) です。
Transition は遷移モードで、その値の範囲は 0 から 23 までで、24 の遷移モードに対応します。次の表に示すように:
0 ボックスの収縮 1 ボックスの放射
2 円形収縮 3 円形放射
下から上へ4つ 上から下へ5つ
6 左から右へ 7 右から左へ
8 縦型ブラインド 9 横型ブラインド
10 横格子ブラインド 11 縦格子ブラインド
12 自由に溶かします 13 左右の端から真ん中に向かって広げます
14 中央から左右の端まで広げる 15 上下の端から中央まで広げる
16 中央から上と下に拡大 17 右上隅から左下隅に拡大
18 右下隅から左上隅まで拡大 19 左上隅から右下隅まで拡大
20 左下隅から右上隅まで拡大 21 水平方向に拡大
22 垂直線形拡張 23 遷移方法をランダムに生成する

<<:  Dell R720 サーバーに Windows Server 2008 R2 をインストールする方法

>>:  CSS モジュールソリューション

推薦する

Vue はインターフェースのスライド効果を実装します

この記事では、インターフェースのスライド効果を実現するためのVueの具体的なコードを例として紹介しま...

DockerコンテナにNFS共有ディレクトリをマウントする実装

以前、https://www.jb51.net/article/205922.htm で、Docke...

Ubuntu 18.04 Server に静的 IP を設定する方法

1. 背景Netplan は、Ubuntu システムのネットワーク設定を簡単に管理および構成できるよ...

MySQL テーブルを作成するためによく使用される SQL ステートメントの概要

最近、私はプロジェクトに取り組んでおり、背景を記述するために SQL ステートメントを使用する必要が...

Vueは2つのルーティング許可制御メソッドを実装しています

目次方法 1: ルーティング メタ情報 (meta)方法 2: ルーティング テーブルを動的に生成す...

HTML文書の基本構造(Webページ作成の基礎知識)

HTMLの動作原理: 1. ローカル操作: ブラウザでhtmlファイルを開く2. リモートアクセス...

Vue ページをリフレッシュするために provide と injection を適用する

目次方法1: 関数を直接呼び出す方法2: provide / inject (静的更新) を使用する...

Linux でプロセスを効果的に管理するための 8 つのコマンド

序文プロセス管理の役割:サーバーの健全性状態を判定する: プロセスの状態 (メモリ、CPU 占有率な...

CSS はスクロールバーを非表示にしてコンテンツをスクロールする効果を実現します (3 つの方法)

フロントエンド開発では、スクロールバーを非表示にしながらスクロールをサポートしなければならないという...

MySQL 文字列分割の例 (区切り文字なしの文字列抽出)

区切り文字なしの文字列抽出質問の要件データベース内のフィールド値:実装効果: 1行のデータを複数行に...

JavaScriptにおける評価戦略の詳細な説明

目次それを覆う栗パラメータの受け渡し値渡し共同配送要約する拡張機能 - 遅延評価私は最近、JavaS...

...

HTML iframe と frameset の違い_PowerNode Java Academy

導入1.<iframe> タグ: iframe は、ページ内に内部フレームを生成するイン...

MySQL 権限制御の詳細な説明

目次mysql 権限制御権限システムテーブル変更後にMySQLの権限を有効にする方法権限の付与と取り...

MySQL 5.7.16 のインストールと設定方法のグラフィック チュートリアル (Ubuntu 16.04)

Ubuntu 16.04 に MySQL 5.7 をインストールするにはどうすればいいですか?メイ...