003 第一个页面
2019-10-09 本文已影响0人
泷汰泱
第一个页面
一、基础模板
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>第一个页面</title>
</head>
<body>
</body>
</html>
二、模板解读
- DOCTYPE：指定文档类型，规定html标签语法
- html：文档根标签，标注着文档(页面)的开始与结束
- head：文档头标签，可以引用脚步文件、指定样式表、书写代码逻辑块、提供元信息
- body：文档主体标签，包含文档所有文本与超文本内容
- title：文档tag标题标签，设置文档tag的标题内容
v_hint：html标签的lang属性值 en | zh（zh-cn）
三、其他核心模板标签
1、meta（元标签）
字符编码
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html;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,minimum-scale=1,maximum-scale=1,user-scalable=no" />
2、link（链接标签）
外联样式表
<link rel="stylesheet" type="text/css" href="style.css" />
文档tag图标
<link rel="shortcut icon" type="image/x-icon" href="http://www.baidu.com/favicon.ico" />
3、style（样式标签）
内联样式表
<style></style>
4、script（脚本标签）
<script type="text/javascript"></script>
