XHTML 入門チュートリアル: シンプルな Web ページの作成

1 分で最初の Web ページを作成します。
簡単な Web ページを作ってみましょう。ぜひフォローしてください。所要時間は 1 分程度です。今のところ、山括弧「<>」とその中の文字の意味がわからないかもしれませんが、心配しないでください。次のチュートリアルで説明します。
まず、メモ帳を実行するか、任意の場所に新しいテキストドキュメントを作成し、メモ帳に次の内容を入力します。
引用内容は以下のとおりです。
<html>
<ヘッド>
<title>私はこのページのタイトルです</title>
</head>
<本文>
これは私の最初のウェブページです。 
</本文>
</html>
入力後、ファイルを保存し、「index.html」という名前を付けます。 (「ファイル」->「名前を付けて保存」をクリックします。「ファイル名」欄に「index.html」と入力し、「ファイルの種類」欄で「すべてのファイル」を選択して、「保存ボタン」をクリックします)
保存後、ファイルをダブルクリックすると、ブラウザが自動的に Web ページを開きます。あなたの Web ページがこのページと同じかどうかを確認してください。同じであれば、比較的シンプルな最初の Web ページが正常に完成しました。
これは単なる単純なページであり、構文的には XHTML 標準に準拠していますが、完全な W3C 準拠の XHTML Web ページにするには、まだいくつかのコンテンツが欠けていることに注意してください。関連する内容は次のチュートリアルで紹介されます。このページは、基本的な XHTML の知識を説明するために使用されています。
基礎知識の説明 先ほど作成したWebページは、<html>で始まり、</html>で終わります。これらはそれぞれWebページファイルの始まりと終わりを表しています。
英語では、headは頭を意味し、bodyは体を意味します。 Web ページの <head></head> と <body></body> の部分は、それぞれ Web ページの「ヘッド」と「本体」を表します。おそらく、Web ページの「ヘッダー」に <title></title> があることに気付いたでしょう。title という言葉はタイトルを意味し、Web ページのタイトルはブラウザー上部のタイトルバーに表示されます。Web ページの本文、つまり <body> タグと </body> タグの間のコンテンツは、ブラウザーにメインテキストとして表示されます。
この Web ページは非常にシンプルで、ヘッダーと本文にはほとんどコンテンツがありません。以降のチュートリアルでは、Web ページのコンテンツを徐々に充実させていきます。しかし、ここで次の概念を思い出してください。Web ページのヘッダーはブラウザー用に書かれており、ページには表示されませんが、本文は Web サイトのユーザー用に書かれており、ブラウザーに表示されるコンテンツです。
XHTML 初心者のパロディのエラー例 次の 2 つのエラー例を開いて見てみましょう。コードには重大なエラーがありますが、ブラウザは両方の Web ページを正確に表示します。
例1: 体は頭の中にある
<html>
<ヘッド>
<title>私はこのページのタイトルです</title>
これは私の最初のウェブページです。 
</head>
<本文>
</本文>
</html>
上記の Web ページを見ると、<head> と </head> の間のコンテンツはページ上で正常に表示されています。しかし、これは頭の中に体を入れるという滑稽な間違いです。
例2: 頭は首の下にある
<html>
<ヘッド>
</head>
<本文>
<title>私はこのページのタイトルです</title>
これは私の最初のウェブページです。 
</本文>
</html>
ブラウザの適応性は本当に素晴らしいです。体内にある頭でも認識できます。タイトルバーを見ると、タイトルは問題なく表示されています。
まあ、実際に適用するときには、そのような低レベルの間違いをしないでください。これは深刻な結果を招く可能性があります。検索エンジンにあなたのウェブサイトが含まれなくなる可能性があり、携帯電話やその他のモバイルデバイスを使用してあなたのウェブサイトを閲覧する友人が不明なエラーに遭遇する可能性があります。それでは、XHTML のコアコンテンツについて簡単に見ていきましょう。

<<: VUE ユニアプリの基本コンポーネントの簡単な紹介

>>: Docker を使用して OpenLDAP+phpLDAPadmin 統合ユーザー認証を構築する方法