最新的Web開發教程

HTML元素


HTML 文檔是由HTML 元素組成。

在HTML語法,大多數元素都寫有一個開始標記和結束標記,在兩者之間的內容。 HTML標記是由元件中,通過尖括號括起的名稱。 結束標籤還具有開口角括號後一斜線,以從開始標籤區分開來。


HTML元素

HTML元素被寫入與一個開始標記,與一個結束標記,在它們之間的內容

<tagname>content</tagname>

HTML 元素是從開始標記結束標記的一切:

<p>我的第一個HTML段。 </p>
開始標記 元素內容 結束標記
<h1> 我的第一個標題 </h1>
<p> 我的第一個段落。 </p>
<br> 

一些HTML元素沒有結束標籤。


嵌套的HTML元素

HTML元素可以嵌套(elements can contain elements)

所有的HTML文檔由嵌套的HTML元素。

本實施例中包含4個HTML元素:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
試一試»

HTML例子解釋:

<html>元素定義了整個文檔

它有一個開始標記<html>結束標籤</html>

元素內容是另一個HTML元素(the <body> element)

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

所述<body>元素定義文檔主體

它有一個開始標記<body>結束標籤</body>

元素內容是另外兩個HTML元素( <h1> and <p> )

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<h1>元素定義了一個標題

它有一個開始標記<h1>結束標籤</h1>

元素內容是:我的第一個標題。

<h1>My First Heading</h1>

<p>元素定義一個段落

它有一個開始標記<p>結束標籤</p>

元素內容是:我的第一個段落。

<p>My first paragraph.</p>

不要忘記結束標記

一些HTML元素將正確顯示,即使你忘記了結束標籤:

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
試一試»

上面的例子適用於所有的瀏覽器,因為結束標記被認為是可選的。

從來沒有靠這個。 如果您忘記了結束標籤它可能會產生意想不到的結果和/或錯誤。


空的HTML元素

沒有內容的HTML元素被稱為空元素。

<br>是一個沒有結束標記的空元素(the <br> tag defines a line break)

空元素可以是"closed"在這樣的開放標籤: <br />

HTML5不需要空元素被關閉。 但是如果你想嚴格的驗證,或者你需要讓你的文檔通過讀取XML解析器,你應該關閉所有的HTML元素。


HTML提示:使用小寫標籤

HTML標籤是不區分大小寫: <P>意味著相同<p>

HTML5標準不要求小寫的標籤,但W3C recommends在HTML4小寫,並demands更嚴格的文件類型,如XHTML小寫。

在w3ii我們總是使用小寫標籤。