HTML 文件的結構通常遵循一個標準化的格式，以確保網頁能夠正確地在各種瀏覽器中解析和顯示。以下是 HTML 檔案的基本結構及其各部分的解釋：
<!DOCTYPE html>
<html lang="zh-Hant">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>網頁標題</title>
<!-- 其他的元數據或外部資源鏈接，如 CSS 或字體 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!--主要內容-->
<header>
<h1>標題</h1>
</header>
<nav>
<!-- 導航欄內容 -->
</nav>
<main>
<section>
<h2>主要內容區塊</h2>
<p>段落的內容</p>
</section>
</main>
<footer>
<!-- 頁腳內容 -->
</footer>
<!-- 其他腳本或資源鏈接，如 JavaScript 文件 -->
<script src="script.js"></script>
</body>
</html>
<!DOCTYPE html>
這行聲明告訴瀏覽器這個文件使用的是 HTML5 標準。它是每個 HTML 文件的第一行，確保瀏覽器按照標準模式來解析網頁。
<html lang="zh-Hant">
html標籤是整個 HTML 文件的根元素，包含了網頁的所有內容。lang 屬性定義了頁面使用的語言，在這裡它設定為繁體中文（zh-Hant）。
<head>
head 元素包含了頁面的元數據（metadata），這些數據不會顯示在網頁上，但對於搜索引擎優化（SEO）和網頁功能至關重要。常見的內容包括：
meta charset="UTF-8"：指定網頁使用的字符編碼為 UTF-8，這是目前最通用的編碼方式。
title：網頁標題，將顯示在瀏覽器標籤上。
link：用於鏈接外部資源，如 CSS 文件。
<body>
body元素包含了網頁的可見內容，這部分內容將直接顯示給用戶。<body> 通常包含以下幾個區塊：
header：頁眉部分，通常包含網站標誌、標題或導航欄。
nav：導航欄，用於網站的主要導航鏈接。
main：主要內容區域，網頁的核心部分。
section：內容區塊，通常用於分隔不同的內容主題。
footer：頁腳部分，通常包含版權信息、聯繫方式或其他相關鏈接。
<script> 和 <link>
這些標籤通常放在 或 的結尾部分，用於鏈接外部的 JavaScript 文件或樣式表，以實現動態行為和美觀的頁面設計。
iThome鐵人賽
看影片追技術