網頁

2019/7/8

HTML <html>簡介

每一份HTML文件是由許多的HTML元素(HTML elements)所組成,又稱為HTML標籤(HTML tags)。而<html>元素為HTML文件的根結點(Root node)。

根結點的意思是說,<html>必須是HTML文件中最外層的元素,所有其他的HTML元素,例如<head><body><h1><p>等元素都必須包夾在<html> ... </html>裡面,且<html>外面不可以有其他HTML元素。例如下面是一個簡單的HTML文件welcome.html

welcome.html

<!DOCTYPE html>
<html>
<head>
</head>
<body>

  <h1>您好,歡迎光臨</h1>

</body>
</html>

可以看到<head><body><h1>等元素都是放在<html> ... </html>之間。

你可能覺得奇怪,<!DOCTYPE html>明明在<html>的外面,那又是怎麼一回事呢?那是因為<!DOCTYPE html>只是用來聲明此份文件為HTML標記語言的宣告,並不是HTML元素,所以可以放在外面。

而一份HTML文件中只能允許出現一個<html>。若你寫了多個<html>在一份HTML文件中,瀏覽器仍會讀取,但可能會出現非預期的結果,例如該出現的內容沒出現之類的。

<html>中一定會包含兩個子元素(child elements),分別為<head><body>

<head>裡面用來存放一些描述HTML文件的元資料(Metadata),這些資料並不會被瀏覽器顯示。

<body>裡面用來存放HTML文件的主要內容,也就是瀏覽器會顯示的內容。


參考:

沒有留言:

張貼留言