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 モジュールソリューション

推薦する

JSのアンカーリンクをクリックするとスムーズにスクロールし、自由にトップ位置に調整できます。

アンカーリンクをクリックするとスムーズにスクロールし、自由にトップ位置に調整できます。 1. アンカ...

Tomcat ディレクトリ構造の詳細な紹介

tomcat の解凍されたディレクトリを開くと、次のディレクトリ構造が表示されます。 1.Tomca...

js は複数の画像を zip にパッケージ化します

目次1. ファイルをインポートする2. HTMLページ3. メインコード4. 画像をbase64に変...

Windows サーバー管理におけるセキュリティの考慮事項

ウェブサーバー1. Webサーバーは、wev、cgi、asp機能を無効にするなど、不要なIISコンポ...

Markodwnによるタイトル配置による同期スクロールのアイデアの詳細な説明

序文私が作成中の Markodwn エディターに同期スクロール機能を追加する必要があります。Baid...

WeChatミニプログラムの開発をスピードアップするためのヒント

1. app.jsonを使用してページを作成する私たちの通常の開発習慣によれば、新しいページを作成す...

Linux デバイスに空き容量がありません inode の満杯により 500 エラーが発生します

iノードとは何ですか? inode を理解するには、まずファイル ストレージから始める必要があります...

.html、.htm、.shtml、.shtm の違いと関連性について簡単に説明します。

ご存知のとおり、私たちが毎日閲覧する Web ページ、Web サイト、または Web ページには独自...

HTMLの基礎を詳しく解説(第2部)

1. リストリスト ulコンテナーには、一貫した構造とスタイルを持つテキストまたはグラフの形式が読...

Javascriptの基本を詳しく説明

目次変数データ型拡張ポイント要約する変数基本的な構文 var age=10; //ageという変数を...

Vueモバイル端末の適応化問題の詳細説明

1. vue uiでプロジェクトを作成する 2. 基本設定項目を選択する 3. プロジェクトを実行す...

Vueはボタン切り替え画像を実装します

この記事では、ボタン切り替え画像を実現するためのVueの具体的なコードを例として紹介します。具体的な...

Docker+Selenium Grid に基づく技術アプリケーションをテストするためのサンプル コード

Selenium Grid の紹介Selenium Grid のいくつかの新しい機能は、今後リリース...

MySQL コマンドラインモードアクセス操作 MySQL データベース操作

使用環境cmd モードで、mysql --version と入力します (インストールされている M...

Linux に setup.py プログラムをインストールする方法

まず次のコマンドを実行します: [root@mini61 setuptools-8.2.1]# py...