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">
每個屬性都指定為一對Name
and meaning
。可以有任意數量的屬性。
«<»
但是有經驗的程序員馬上就會問:如果需要使用包含字符或«>»
引號的文本作為屬性值怎麼辦?
交易品種名稱 | 象徵 | HTML條目 |
---|---|---|
雙引號 | “ | “ |
符號 | & | & |
小於符號 | < | < |
更多符號 | > | > |
空間 | ||
單引號 | ' | ' |
GO TO FULL VERSION