ヘッドと DTD はページには表示されませんが、Web ページの重要な要素です。 なぜ失敗したのでしょうか? 前のセクションでは、Web ページをチェックしたときにエラー メッセージが表示されましたが、Web ページの作成プロセス全体を通じて XHTML 標準に従って記述しました。実は、問題はウェブページの「ヘッド」にあります。以下でこの問題を解決してみましょう。前回のチュートリアルでは、<title> タグを除いて、<body> 間のコンテンツ、つまりページに表示されるコンテンツを変更しました。では、XHTML の <head> セクションは何をするのでしょうか?実際、ブラウザが「見る」ことができる多くの情報を <head> 部分に追加できます。以下では、ヘッド部分でよく使われるタグをいくつか紹介します。 注: このセクションのタグと属性のほとんどは覚えにくいものです。実際、これらは Web ページ作成ソフトウェアを使用して Web ページを作成するときに自動的に生成されます。このセクションの目的は、これらのタグの意味を理解し、必要に応じて手動で変更できるようにすることです。次に、「index.html」を開き、<head></head> の間に次のコードを挿入します。 1. <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> このコードは、Web ページが gb2312 中国語文字エンコードを使用していることをブラウザに伝えます。この <meta> 情報が存在しないことが、前回のチェックで問題が発生した理由の 1 つです。 2. <meta name="keywords" content="小学生、いじめる同級生、冬休みと夏休みの宿題、保護者" /> このコードは検索エンジン向けに書かれており、内容はindex.htmlのキーワードです。 <meta> タグも空のタグなので、/ を追加することを忘れないでください。 <meta> タグにはこれ以外にも多くの機能がありますが、実際に使用してみなければ、<meta> タグの実際の有用性を理解することは困難です。 <meta> タグについて詳しく知りたい場合は、Baidu で関連する知識を検索できます。 <head> タグの解説 前述したように、<head> 部分の内容は閲覧者向けではなく、ブラウザや検索エンジン向けに書かれています。したがって、<head> セクションには、ページに表示されるコンテンツを含めないでください。 DTD 今、Web ページを再度確認すると、DTD ファイルが見つからないというエラー メッセージが表示されます。では、DTD ファイルとは何でしょうか?簡単に言えば、ファイルを読み取る前に、そのファイルがどのようなルールセットに従って記述されているかを誰にでも(主にブラウザのようなソフトウェアに)伝えます。検証プロセスを例にとると、HTML4.01 の DTD を使用すると、検証ツールは HTML4.01 のルールを使用して Web ページを記述していると認識し、対応するルールに従ってコードを行ごとに検証し、最後に検証結果を返します。 私たちが作成する Web ページでは、XHTML のルールが使用され、もちろん XHTML DTD も使用されます。ただし、前述したように、XHTML の DTD も、比較的緩やかな移行 DTD と、非常に厳格な要件を持つ厳密な DTD に分かれています。このチュートリアルでは、Web ページで厳密な DTD を宣言します。DTD について詳しく知りたい場合は、XML を学習する必要があります。このチュートリアルでは詳細には説明しません。 次に、Web ページの DTD を宣言します。以前に保存した「index.html」を開き、最初の行(<html> タグの前)に次のコードを入力します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> タグに次の属性を追加します: xmlns="http://www.w3.org/1999/xhtml"。これは名前空間属性と呼ばれ、XML カテゴリに属します。ここでは詳細には説明しません。 このコードの目的は、Web ページが xhtml1-strict.dtd を使用していることを宣言することです。ここで、このページを W3 バリデーターに送信すると、今度は「このページは XHTML1.0 Strict に準拠しています!」というメッセージが返されます。これは、コードにエラーがなく、XHTML1 の厳格な標準に完全に準拠していることを意味します。もちろん、実際の作業では必ずしもそうとは限りません。実際の Web デザインのプロセスでは、さまざまな理由から非標準のコードを記述することになります。このとき、バリデーターはエラーレポートを発行するので、プロンプトに従ってコードを変更するだけです。 |
<<: MySQL データベースは XA 仕様をどのように実装しますか?
>>: jQuery はシャッター効果を実現します (li 配置を使用)
仕える: # chkconfig --list すべてのシステムサービスを一覧表示する# chkco...
JavaScript での HTML (選択オプション) の詳細な説明1. 基本的な理解:コードをコ...
序文hover疑似クラスが要素に境界線を追加すると、要素内のコンテンツがずれることがあります。box...
目次導入MySQL 高可用性マスター 1 つとバックアップ 1 つ: MySQL マスター スレーブ...
バックグラウンド管理プロジェクトを行う際には、リッチテキストエディタがよく使用されます。ここでは、非...
デフォルトでは、セルの幅と高さはコンテンツに応じて自動的に調整されますが、セルの幅と高さを手動で設定...
序文最初はCentOS8でwgetを使ってダウンロードし、解凍して環境変数を設定するつもりだったので...
目次1. データベース操作2. データ型3. バックアップとリカバリ3. 操作4. 上級5. 知識補...
ハートの属性不透明度: .999 は要素のスタッキングコンテキストを作成し、ボタン6と8のアニメーシ...
Linuxインスタンスでシステムディスクを初期化した後、データディスクを再マウントするLinux イ...
目次1. 内閣府1. コンセプト2. MHAの構成3. MHAの特徴2. MySQL+MHAをビルド...
目次1. ReactJS の紹介2. ReactJSの理解とReactJSの利点1. ReactJS...
問題の説明 (以下の説明は Windows 環境に限定されます): D:\develop\ide\m...
書き換えモジュールは ngx_http_rewrite_module モジュールです。その主な機能は...
MySQL 8.0.12のダウンロードとインストールのチュートリアルは参考までに、具体的な内容は次の...