<html>
標籤是HTML文件的根元素(root element)。它告訴瀏覽器這是一個HTML文件,幷包含了文件的所有內容。 可以把它理解為一個容器,包裹著整個HTML頁面的所有其他元素。
它起到以下幾個關鍵作用:
-
定義文件型別:
<html>
標籤的存在本身就標誌著這是一個HTML文件。瀏覽器會根據這個標籤來解析文件的內容,並按照HTML的規則進行渲染。 -
包含所有其他元素: 所有其他的HTML元素,例如
<head>
和<body>
,都必須包含在<html>
標籤之內。它是整個文件的頂層容器。 -
語言設定 (可選): 可以使用
lang
屬性來指定文件使用的語言。這對於輔助技術(例如螢幕閱讀器)和搜尋引擎最佳化(SEO)非常重要。 例如:<html lang="zh-CN">
表示文件使用簡體中文,<html lang="en">
表示文件使用英文。
雖然在HTML5中,省略<html>
標籤,瀏覽器通常也能正確渲染頁面,但這並不符合規範,並且可能導致一些不可預知的錯誤。 因此,強烈建議始終包含<html>
標籤,以確保文件的結構完整性和相容性。
簡單的例子:
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Webpage</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
在這個例子中,<html>
標籤包含了整個文件,包括<head>
(包含後設資料,例如標題) 和<body>
(包含頁面可見的內容)。