2.1 標籤介紹

HTML-documents標記基於標籤。什麼是標籤

標籤是在 70 年代發明的,人們可以將服務信息添加到處理這些文檔的程序的文檔中。

Tag- 這是一個關鍵(功能)詞,最常見的是英文,它被框在尖括號中(更多和更少的字符),這樣程序就不會混淆標籤和普通的英文單詞。

標籤還可以包含各種服務信息,這些信息可能對處理文檔的程序有用。

帶有標籤的示例文本:

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

在這個例子中,我們看到了文本、“a”標籤,以及服務信息——標籤屬性。下面您將了解更多關於它們的信息。

2.2 標籤類型:開標籤、閉標籤、空標籤

標籤有不同的類型。首先,它們是單人和雙人。最常見的是配對標籤。正如您可能已經猜到的那樣,它們總是成對出現。它們也稱為打開和關閉。

開始標籤只是三角括號中的關鍵字。例子:

<h1>

結束標籤與開始標籤類似,但關鍵字前面有一個斜線。例子:

</h1>

開始標籤可能包含服務信息 - 屬性,結束標籤 - 否。開始標記始終是一對中的第一個。結束標籤不能在文本中排在第一位,然後是開始標籤。這HTML-document將無效。

單個標籤沒有結束標籤。此類標籤的列表由 定義HTML-standard。此類標籤的示例:

  • <br>- 越線;
  • <img>- 圖片。

順便說一句,成對標籤,如果裡面不包含信息,可以寫成縮寫形式。例子:

<h1/>

這不是單個標籤,而是一個空的對標籤。就像同時關閉和打開標籤一樣。它與閉合標籤的不同之處在於斜杠位於末尾(第二個三角括號之前)。

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>

如果開始標記<h2><h1>-tag 對內,則其匹配的結束標記</h2>也必須在<h1>-tag 對內。

因此,所有文檔標籤形成一種標籤樹。首先是包裝整個文檔的頂級標籤,通常稱為<html>,它有子標籤對,它們有自己的標籤,等等。

實際上,處理帶有標籤的文檔的程序完全是這樣看的——就像一個帶有一些文本的標籤樹。

2.4 屬性

如果我們不談論屬性,關於標籤的信息就不會完整。單個標籤和成對標籤的開始標籤可以. 這些屬性包含有關標籤內容的有用信息。

一個標籤可以包含多個屬性,它們具有以下一般形式:

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

每個屬性都指定為一對Nameand meaning。可以有任意數量的屬性。

«<»但是有經驗的程序員馬上就會問:如果需要使用包含字符或«>»引號的文本作為屬性值怎麼辦?

交易品種名稱 象徵 HTML條目
雙引號
符號 & &
小於符號 < <
更多符號 > >
空間  
單引號 ' '