首頁  >  文章  >  web前端  >  HTML元素的基本介紹

HTML元素的基本介紹

零下一度
零下一度原創
2017-05-15 13:22:421368瀏覽

HTML 文件由 HTML 元素定義。

HTML Element Syntax

HTML 元素以開始標籤起始

HTML 元素以結束標籤終止

元素的內容是開始標籤與結束標籤之間的內容

某些HTML 元素具有空內容(empty content)

空元素在開始標籤中進行關閉(以開始標籤的結束而結束)

大多數HTML 元素可擁有屬性

註解: 您將在本教學的下一章中學習更多有關屬性的內容。

嵌套的 HTML 元素

6bf814fa18b0ef814da03a92fff8d2ed element:

<p>This is my first paragraph.</p>

這個 e388a4556c0f65e1904146cc1a846bee 元素定義了 HTML 文件中的一個段落。
這個元素有一個開始標籤e388a4556c0f65e1904146cc1a846bee 以及一個結束標籤94b3e26ee717c64999d7867364b1b4a3.
元素內容是: This is my first paragraph.

The 6c04bd5ca3fcae76e30b72ad730ca86d element:


<p>This is my first paragraph.</p>

The 6c04bd5ca3fcae76e30b72ad730ca86d 元素定義了HTML 文件的主體。
這個元素有一個開始標籤 6c04bd5ca3fcae76e30b72ad730ca86d 以及一個結束標籤 36cc49f0c466276486e50c850b7e4956。
元素內容是另一個 HTML 元素(p 元素)。

The 100db36a723c770d327fc0aef2ce13b1 元素:



<p>This is my first paragraph.</p>

The 100db36a723c770d327fc0aef2ce13b1 元素定義了整個 HTML 文件。
這個元素有一個開始標籤 100db36a723c770d327fc0aef2ce13b1 ,而一個結束標籤 73a6ac4ed44ffec12cee46588e518a5e.
元素內容是另一個 HTML 元素(body 元素)。

不要忘記結束標籤

即使您忘記了使用結束標籤,大多數瀏覽器也會正確地顯示HTML:

e388a4556c0f65e1904146cc1a846beeThis is a paragraph
e388a4556c0f65e1904146cc1a846beeThis is a paragraph

以上實例在瀏覽器中也能正常顯示,因為關閉標籤是可選的。

但不要依賴這種做法。忘記使用結束標籤會產生不可預料的結果或錯誤。

HTML 空白元素

沒有內容的 HTML 元素稱為空白元素。空元素是在開始標籤中關閉的。

0c6dc11e160d3b678d68754cc175188a 就是沒有關閉標籤的空元素(0c6dc11e160d3b678d68754cc175188a 標籤定義換行)。

在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須關閉。

在開始標籤中加入斜杠,例如 df250b2156c434f3390392d09b1c9563,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

即使 0c6dc11e160d3b678d68754cc175188a 在所有瀏覽器中都是有效的,但使用 df250b2156c434f3390392d09b1c9563 其實是更長遠的保障。

HTML 提示:使用小寫標籤

HTML 標籤對大小寫不敏感:64e5601d0a941f4972a2954192bdae18 等同於 e388a4556c0f65e1904146cc1a846bee。許多網站都使用大寫的 HTML 標籤。

W3CSchool 使用的是小寫標籤,因為萬維網聯盟(W3C)在 HTML 4 中建議使用小寫,而在未來 (X)HTML 版本中強制使用小寫。

【相關推薦】

#

1. 特別推薦「php程式設計師工具箱」V0.1版本下載

2. 免費html線上影片教學

3. php.cn原始html5影片教學

#########

以上是HTML元素的基本介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn