XHTML 入門チュートリアル: XHTML タグ

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

<<: DockerにJava環境をインストールするための実装手順

>>: MySQL データ型の完全分析