<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body><h1>我的第一個標題</h1><p>我的第一個段落。</p>
</body>
</html>?舉個最簡單的例子,如上。
<!DOCTYPE html> //聲明類型為html，告訴瀏覽器以html5標準解析頁面。
<html>文檔的根標簽，所有html元素都包含在其中。
<head>包含文檔數據（字符編碼，頁面標題），不直接顯示在頁面上。在這里我表示自己看不懂，所以我去搜了一下，理解如下：
<head>標簽不會直接顯示在瀏覽器窗口中，但它包含的元數據對網頁的正確運行和搜索引擎的優化，核心作用：頁面基礎設置，資源加載（css樣式表，js腳本，字體資源）。大概如此，反正就是不能沒有，假如沒有會出現，瀏覽器猜測字符編碼，可能會出現亂碼，標題欄顯示“無標題”，css/js無法加載，頁面無樣式和交互，搜索引擎無法獲取頁面摘要。
<head>是網頁的 "幕后指揮官"，負責協調資源、優化展示、傳遞關鍵信息，雖然不可見，但直接影響用戶體驗和網站性能。
<title></title> 設置瀏覽器簽頁和收藏夾顯示的頁面標題。
<body></body>? 包含所有可見的頁面內容（文本、圖像、鏈接）。
html標記標簽通常稱為html的標簽。
只有<body></body>才會在瀏覽器中顯示。
對于設置?<meta charset="utf-8" />?后出現網頁亂碼問題，其實歸根到底就是：你通過?meta?標簽設置的編碼和網頁文件在保存時所使用的文檔編碼不相同造成的！
至于有的人說什么 360 瀏覽器默認?GBK?會造成亂碼，我只想說的是，
只要你在 html 文件里寫了?<!doctype hmtl>和?<meta charset="utf-8" />，瀏覽器就絕對會按照?utf-8?編碼解析網頁，沒有第二種可能！再次重點說明：保存 html 文件時，文檔編碼和?meta?設置的編碼，一定要相同，只要不相同，就一定會出現亂碼！
之所以一定要寫上?<!doctype html>，就是為了防止瀏覽器的怪異模式，強制瀏覽器按照標準模式渲染網頁！
