HTML Head標籤

發表於 更新於 分類於
解釋在html Head標籤會放的語法

head 表頭

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/all.css">
  <title>首頁</title>
</head>
<body>
  <h1>123456sss</h1>
<script src="js/all.js"></script>
</body>
</html>

<meta charset="UTF-8">:
將網頁格式指定為 UTF-8 編碼，在IE瀏覽器打中文時，若表頭沒加上這行，會變成亂碼。

<meta http-equiv="X-UA-Compatible" content="IE=edge">
content=”IE=edge” 告訴 IE 使用最新的標準模式來渲染頁面。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
指定了頁面的視窗（viewport）屬性，用於設定響應式網頁。

  • width=device-width 表示將頁面的寬度設置為裝置的寬度，這樣頁面將根據裝置的寬度來自動調整布局。
  • initial-scale=1.0 表示初始縮放級別為 1.0，即不進行縮放。