HTML的結構

Billy Chu   in Kaohsiung

構建一個完整 HTML 的架構。

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Document</title>

    <link rel="stylesheet" href="all.css" />
  </head>

  <body>
    <script src="all.js"></script>
  </body>
</html>

組成一個HTML的架構共分為以下兩大部分：

  • <!DOCTYPE html>：這是在告訴瀏覽器，這份文件內容是 HTML 標記語言撰寫的，所以必須用 HTML 翻譯器來解讀。

  • <html></html>：這裡面包含了所有的<html>元素，所有的元素都必須寫在這裡面，<!DOCTYPE html>會寫在他的外面，是因為這只是用來聲明此份文件為 HTML 標記語言的宣告。

    • 首先在這裡面看到的元素為<head>及<body>

      1. <head>：裡面用來存放一些描述 HTML 文件的資料，這些資料並不會被瀏覽器顯示。 ​

      2. <body>：裡面用來存放 HTML 文件的主要內容，也就是瀏覽器會顯示的內容。