免費(fèi)AI編程助手
HTML 元素
以下代碼顯示了一個(gè)應(yīng)用于某些文本的 HTML 元素的簡(jiǎn)單示例。
I like <code>web</code> and CSS.
起始標(biāo)記為<code>，結(jié)束標(biāo)記為</ code>。標(biāo)簽之間是元素的內(nèi)容，即 web。標(biāo)簽和內(nèi)容一起形成代碼元素。
HTML 元素指的是從開(kāi)始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼。
| 開(kāi)始標(biāo)簽 | 元素內(nèi)容 | 結(jié)束標(biāo)簽 |
|---|---|---|
| <p> | This is a paragraph | </p> |
| <a href="default.htm" > | This is a link | </a> |
| <br /> |
注釋?zhuān)洪_(kāi)始標(biāo)簽常被稱(chēng)為開(kāi)放標(biāo)簽（opening tag），結(jié)束標(biāo)簽常稱(chēng)為閉合標(biāo)簽（closing tag）。
注意 1
我們使用元素來(lái)執(zhí)行以下操作：
- HTML 元素以開(kāi)始標(biāo)簽起始
- HTML 元素以結(jié)束標(biāo)簽終止
- 元素的內(nèi)容是開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容
- 某些 HTML 元素具有空內(nèi)容（empty content）
- 空元素在開(kāi)始標(biāo)簽中進(jìn)行關(guān)閉（以開(kāi)始標(biāo)簽的結(jié)束而結(jié)束）
- 大多數(shù) HTML 元素可擁有屬性
注意 2
元素名稱(chēng)不區(qū)分大小寫(xiě)。
瀏覽器會(huì)識(shí)別 <CODE> 和 <code>，甚至 <CoDe> 作為代碼元素的起始標(biāo)簽。
一般來(lái)說(shuō)，慣例是采用單一案例格式并堅(jiān)持。更常見(jiàn)的樣式是使用小寫(xiě)字符。
注意 3
HTML 定義了在 HTML 文檔中實(shí)現(xiàn)各種角色的不同類(lèi)型的元素。
代碼元素是語(yǔ)義元素的示例。語(yǔ)義元素允許我們定義我們的內(nèi)容的意義以及內(nèi)容的不同部分之間的關(guān)系。
空元素
您不需要在開(kāi)始和結(jié)束標(biāo)簽之間放置任何內(nèi)容。
如果你沒(méi)有，你創(chuàng)建一個(gè)空元素，如下面代碼所示。
I like <code></code> HTML and CSS.
并非所有元素都是空的，但即使如此，這仍然是有效的 HTML。
自閉合標(biāo)簽
您可以使用單個(gè)標(biāo)記更簡(jiǎn)潔地表達(dá)空元素，如下面的代碼所示。
I like <code/> HTML and CSS.
您將開(kāi)始和結(jié)束標(biāo)記組合成一個(gè)筆劃字符(/)它用于表示結(jié)束標(biāo)記的開(kāi)始。
上面的代碼與以下代碼具有相同的含義。
I like <code></code> HTML and CSS.
單個(gè)標(biāo)簽是表達(dá)空元素的更簡(jiǎn)潔的方式。
空元素
有一些元素必須使用單個(gè)標(biāo)簽表示。這些被稱(chēng)為空元素。
一個(gè)這樣的元素是 hr 。
hr 是一個(gè)分組元素，用于表示一個(gè)段落級(jí)別的內(nèi)容。
您可以使用以下兩種方式之一使用 void 元素 - 第一種方法是僅指定開(kāi)始標(biāo)記，如以下代碼所示。
I like HTML. <hr> I like CSS.
瀏覽器知道 hr 是一個(gè) void 元素，因此不希望看到結(jié)束標(biāo)記。
您可以使元素與空元素一致，如下面的代碼所示。
I like HTML. <hr/> I like CSS.
嵌套的 HTML 元素
大多數(shù) HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文檔由嵌套的 HTML 元素構(gòu)成。
HTML 文檔實(shí)例
<html> <body> <p>This is my first paragraph.</p> </body> </html>
HTML注釋
注釋是關(guān)于 HTML 元素的有用信息。注釋使 HTML 文檔更易讀和可理解。
HTML 中的注釋以標(biāo)簽<！-- 開(kāi)頭，并以 --> 結(jié)尾。
瀏覽器將忽略您在這些標(biāo)記中放置的任何內(nèi)容。
以下代碼具有 HTML 注釋。
<!DOCTYPE HTML>
<html>
<head>
<!-- metadata goes here -->
<title>Example</title>
</head>
<body>
This is the <code>content</code>.
</body>
</html>
更多建議：