每一份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文件的主要內容，也就是瀏覽器會顯示的內容。
參考：
沒有留言:
張貼留言