HTML

一个最基本的H5骨架长这样：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="Author" content="">
    <meta name="Keywords" content="123" />
    <meta name="Description" content="123456" />
    <title>Document</title>
</head>
<body>
  
</body>
</html>

使用vscode可以用!号快捷打出骨架

标准的div+css页面，只会用到种类很少的标签：div、p、h1、span、a、img、ul、ol、dl、input、i等

头标签head

head标签表示的是页面的配置，有字符集、关键词、页面描述、页面标题、IE适配、视口、iPhone小图标等等

1.文档声明头：，DocType Declaration，简称DTD,DTD可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
2.页面语言lang：，指定页面的语言类型，en、zh-CN。
3.meta标签：提供相关页面的元信息（meta-information）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!--必要，网页标题-->
<title>HTML基础笔记</title>
<!--必要，网页的编码方式,文件格式要与其声明相符-->
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!--视口viewport，适配移动端-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--网页关键词，SEO用-->
<meta name="Keywords" content="123" />
<!--网页描述-->
<meta name="Description" content="123456" />
<!--网页作者-->
<meta name="Author" content="">
<!--指定基础的路径，a链接以此为基准-->
<base href="/">