HTML のタグ

2.1 タグの概要

マークアップはタグに基づいていHTML-documentsます。タグとは何ですか?

タグは 70 年代に発明され、ドキュメントを処理するプログラムのドキュメントにサービス情報を追加できるようになりました。

Tag- これは重要な (機能的な) 単語であり、ほとんどの場合英語で、プログラムがタグと英語の通常の単語を混同しないように山括弧 (文字の増減) で囲まれています。

タグには、ドキュメントを処理するプログラムに役立つさまざまなサービス情報も含まれる場合があります。

タグ付きのテキストの例:

 <a href="http://codegym.cc/about">
    Link to something interesting
</a>

この例では、テキスト、「a」タグ、およびサービス情報 (タグ属性) が表示されます。以下でそれらについて詳しく説明します。

2.2 タグの種類: 開始タグ、終了タグ、空タグ

タグにはさまざまな種類があります。まず、シングルとダブルです。最も一般的なのは、ペアになったタグです。そして、おそらくすでに想像されているように、それらは常にペアで行動します。オープニングとクロージングとも呼ばれます。

開始タグは、三角括弧内の単なるキーワードです。例：

<h1>

終了タグは開始タグと似ていますが、キーワードの前にスラッシュが付きます。例：

</h1>

開始タグにはサービス情報 - 属性、終了タグ - no が含まれる場合があります。開始タグは常にペアの最初のタグです。テキスト内で終了タグを最初に配置し、その後に開始タグを配置することはできません。これはHTML-document無効になります。

単一タグには終了タグがありません。このようなタグのリストは によって定義されますHTML-standard。そのようなタグの例:

• <br>- 改行;
• <img>- 写真。

ちなみに、ペアのタグは、内部に情報が含まれていない場合、省略形で記述することができます。例：

<h1/>

これはシングルタグではなく、空のペアタグです。これは、閉じたタグと開いたタグを同時に持つようなものです。スラッシュが最後 (2 番目の三角括弧の前) にあるという点で、閉じたタグとは異なります。

2.3 タグツリー

ペアのタグに関するさらに重要な情報。ドキュメント内にそれらが多数存在し、入れ子になる可能性があります。どういう意味ですか？HTML-documentこれは、他のタグが含まれている場合でも、テキスト内のテキストをタグでフレーム化 (ラップ) できることを意味します。例：

<html>
    plain text
 <a href="http://codegym.cc/about">
            Link to something interesting
 </a>
     some other text
</html>

大まかに言えば、一連のタグが HTML テキスト内に出現する可能性があります。

<h1> <h2> </h2> </h1>

しかし、次のようなことはできません。

<h1> <h2> </h1> </h2>

開始タグが-tag ペア<h2>内にある場合<h1>、それに対応する終了タグ</h2>も -tag ペア内にある必要があります<h1>。

したがって、すべてのドキュメント タグは一種のタグ ツリーを形成します。最初に、ドキュメント全体をラップするトップレベルのタグが来ます。<html>これは通常 と呼ばれ、子タグのペアがあり、独自のタグなどがあります。

実際、タグを含むドキュメントを処理するプログラムは、ドキュメントをそのように認識します。つまり、内部にテキストが含まれるタグ ツリーとして認識されます。

2.4 属性

属性について話さなければ、タグに関する情報は完全ではありません。単一のタグとペアのタグの開始タグには、を含めることができます。これらの属性には、タグのコンテンツに関する有用な情報が含まれています。

タグには複数の属性を含めることができ、それらの一般的な形式は次のとおりです。

        <tag name1="value1" name2="value2">
    

Name各属性はと のペアとして指定されますmeaning。属性はいくつでも指定できます。

«<»しかし、経験豊富なプログラマーはすぐに「文字または«>»引用符を含むテキストを属性値として使用する必要がある場合はどうすればよいですか?」という質問をするでしょう。