HTML基礎教學之文件結構

<!DOCTYPE HTML>
<html>
<head>
<title>php.cn</title>
</head>
<body>
这里是存放网页内容的
</body>
</html>

HTML檔案結構的說明:

  • #<!DOCTYPE HTML>:html5標準網頁聲明,必須放在 HTML文件的第一行,位於<html> 標籤之前

  •  <html></html>標記的意思:告訴瀏覽器,其中的程式碼以什麼格式(圖片、影片)來編譯。

  • <head></head>標記的意思:告訴瀏覽器,網頁中的漢字用什麼字元集(GB2312、BIG5、JIS)顯示。不使用正確的字元集,網頁會出現亂碼。 GB2312(簡體中文)、BIG5(繁體中文)、JIS(日文)、utf-8(多國語言)

  •  <title></title>中只能是純文字,任何標記都會原封不動的顯示。

  •  <body></body>是網頁主要內容的顯示區域。網頁中99%的內容都必須放在<body>。只有放在<body>中,最終瀏覽器翻譯以後,才能看見結果。

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 功能:告訴瀏覽器,如何翻譯漢字。

  • http-equiv:模擬http協定的檔案頭原訊息,主要目的是伺服器傳回給客戶端時,用什麼格式顯示。

  • Content-type:內容類型。

  • Content:詳細內容類型介紹。

  • Text/html:網頁是text格式,html是文字中的小格式。

  • Charset:字元集,主要控制漢字如何顯示。

  • Utf-8:多國語言編碼,什麼國家的語言都可以正常顯示。


繼續學習
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <h1>欢迎加入php.cn</h1> <h2>希望你能够在这里学的开心</h2> </body> </html>