XHTML タグの概要
前のセクションで、XHTML ファイルと通常のプレーン テキスト ファイルの最大の違いは、 などの "" に含まれる一部の要素であることに気づいたかもしれません。それらをタグと呼びます。通常、XHTML タグは などのペアで表示されます。 「/」が 1 つだけ異なることがわかります。「/」のない のようなタグを開始タグと呼び、それに対応する「/」を含む を停止タグと呼びます。開始タグと同じです。開始タグは「/」記号が異なるだけです。もちろん、XHTML にはペアで表示されないタグもいくつかあり、それらには終了タグがありません。このようなタグを「空タグ」と呼びます。空のタグの内容については、後のチュートリアルで説明します。
大文字と小文字の区別について
以前のバージョンの HTML タグでは大文字と小文字が区別されませんでした。たとえば、タグ とタグ は同等でした。 XHTML では、すべてのタグは小文字です。 Web サイトを XHTML 標準に準拠させるには、Web ページを作成するときにすべてのタグに小文字を使用する習慣を身に付ける必要があります。
XHTMLタグ(要素)の役割
前のチュートリアルで保存した HTML ファイルを開きます。 6 行目の「これは私の最初の Web ページです。」を「これは私の最初の
Web ページ です。」に変更し、変更を保存して Web ページを再度参照します。 Web ページ上の 2 つの単語が太字になっており、その効果は次のとおりです。
これは私の最初の
ウェブページです。
違いは明らかです。「ウェブページ」という単語が
タグで「囲まれて」太字になっています。
タグは太字にすることを目的としており、タグに含まれるコンテンツにのみ影響します。これが XHTML タグの仕組みです。タグによって「包まれた」コンテンツを要素と呼びます。この例では、「webpage」という単語が タグの要素です。
ラベルのプロパティ
XHTML タグにいくつかの属性を設定できます。上の水平線に注目してください。元のコードは
です。 XHTML では、
タグは水平方向の分割線であり、この分割線に「size」という属性 (つまり、分割線のサイズ) を追加できます。その属性値は 1 です。その完全なコードは次のとおりです。
同様に、他の XHTML タグに属性を追加する方法は、タグの開始タグにattribute="属性値" を追加することです。属性値は引用符で「囲む」必要があることに注意してください。一重引用符または二重引用符のどちらでも使用できますが、二重引用符の方が一般的に使用されます。
属性を追加するための形式: 例 ->
注: 通常の XHTML ファイルには、移行標準と厳格な標準という 2 つのレベルの標準があります。移行標準は、主に HTML を使用して Web サイトを開発することに慣れている Web マスターを対象としています。上記のコードは暫定規格では合法ですが、厳密な規格では、size 属性は不正な属性とみなされます。 XHTML は、HTML のより標準化された厳密なバージョンであるだけでなく、Web サイトの構築方法も促進します。これは、Web ページのコンテンツとスタイルを分離することであり、これは XHTML の CSS を通じて実現されます。したがって、厳密に標準化された XHTML を使用し、スタイル定義のタスクを完全に CSS に任せることをお勧めします。 (XHTML 標準に関する問題については、後のチュートリアルで紹介します)
空のラベル
おそらく、ここでは分割線ラベルを対称の
ではなく、
として書いていることに気づいたでしょう。実際、これは前のチュートリアルで説明したペアになっていないタグです。開始タグ
のみがあり、終了タグ はありません。要素がないため、このようなタグを空タグと呼びます。では、なぜ単に
ではなく
と書くのでしょうか?この記述形式は、XHTML 内のタグはすべて「閉じている」必要があるというルールを満たすためのものです。開始タグの最後に「/」を追加する方法を、タグの自己終了 (または自己終了、自己終了など、お好みで呼んでください) と呼びます。
すべての空のタグを使用する場合の自己終了方法は同じで、開始タグの「>」記号の前にスペースとバックスラッシュ「/」を追加します。スペースは必須ではありませんが、ブラウザによっては
のみを認識し、
を認識できない場合があります。そのため、スペースを追加しました。 (今のところ互換性のないブラウザには遭遇していません)