HTML

負責網頁結構而非呈現樣式,所以預設跟純文字差不多

<!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">
    <title>Document</title>
    <meta name="description" content="This is my first page">
</head>
<body>
    Hello
</body>
</html>

vscode 快速產生 html:5 + tab or enter

<!DOCTYPE html>

宣告文件類型為 HTML

<html lang="en"></html>

HTML 主體,lang="en" 預設顯示語言(不用改)

<head></head>

表頭,給瀏覽器看的

<meta charset="UTF-8">

網頁語系,統一使用 UTF-8

<meta http-equiv="X-UA-Compatible" content="IE=edge">

相容 IE 模式

<meta name="viewport" content="width=device-width, initial-scale=1.0">

預設寬度為裝置寬度 (RWD 必備!)

<title>Document</title>

標題,顯示在瀏覽器頁籤上面

<meta name="description" content="This is my first page">

網頁說明,顯示在搜尋結果下方說明

建議字數:

  • 英文 230 ~ 320 字
  • 中文 110 ~ 150 字

無輸入時,搜尋引擎會抓取頁面內容自動產生

<body>Hello</body>

給人看的,要顯示的東西都寫在這邊