第一個頁面

weixin_33762321發表於2018-09-19

一. 基礎模板

<!DOCTYPE html>
<html>
    <head>
         <meta charset="utf-8" />
         <title>第⼀個⻚⾯</title>
    </head>
    <body>

    </body>
</html>

二. 模板解讀

  • DOCTYPE: 指定文件型別, 規定html標籤語法
  • html: 文件根標籤, 標註著文件(頁面)的開始與結束
  • head: 文件頭標籤, 可以引用指令碼檔案 , 指定樣式表 , 書寫程式碼邏輯塊 , 提供元資訊
  • body: 文件主體標籤, 包含文件所有文字與超文字內容
  • title: 文件標題標籤, 設定文件的標題內容

三. 其他核心模板標籤

  1. meta（元標籤）
字元編碼
<meta charset="utf-8">
SEO
<meta name="keywords" content="8-12個以英⽂逗號隔開的單詞或詞語">
<meta name="description" content="80字以內的⼀段話，與網站內容相關">
移動適配
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  1. link (連結標籤)
外聯樣式表
<link rel="stylesheet" type="text/css" href="css/css.css" />
⽂檔tag圖示
<link rel="shortcut icon" type="image/x-icon"
href="http://www.baidu.com/favicon.ico" />
  1. style (樣式標籤)
<style></style>
  1. script (指令碼標籤)
<script type="text/javascript"></script>

相關文章