html结构解析
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>网页标题</title>
</head>
<body>
</body>
</html>
一 文档声明
<!DOCTYPE html> 文档声明
对于浏览器解析html文档，如果文档中没有doctype将会触发文档的怪异模式，怪异模式最明显的影响是会触发怪异盒模型。
在css中盒模型被分为两种，一种是W3C的标准模型，另一种是怪异盒模型。不同之处在于怪异盒模型的宽高定义的是可见元素框的尺寸，而不是元素框的内容区尺寸；
二 HEAD
<head> 标签用于定于文档头部，描述文档一些基本的属性和信息；
其下面的子元素主要包括<meta> <title> <base> <link> <style> <script>;
meta ------------------------------------------------------------------------------------------------------------
<meta > 用于提供页面有关的元数据，除了提供文档字符集，使用语言，作者等基本信息外，还涉及对文档关键词，网页等级的设定；
1 charset=""utf-8" 声明当前文档所使用的字符编码，注意：该声明必须写在<head> 标签最开始的地方，如果位于<title>标签之后，那么<title>标签的内容很可能乱码；
2 name 这是一个文档级的元数据，附着在整个页面上；
关键词
<meta name="keywords" content="html,css,javascript">
描述
<meta name="description" content="..." >
版权
<meta name="copyright" content="本页版权归小小鱼所有">
作者
<meta name="author" content="xiaoxiaoyuer">
适口（移动端使用）
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
3 http-equiv
定时跳转
让页面多少秒刷新或跳转到其他网页；
<meta http-equiv="refresh" content="4">
<meta http-equiv="refresh" content="4 url=http://www.baidu.com">
独立页面
强制页面在当前的窗口中作为一个独立页面显示，防止自己的网页被别人当做一个frame（框）调用
<meta http-equiv="windows-Target" content="_top">
缓存过期时间
可以设定网页到期时间，一旦到期必须重新从服务器调用，必须使用GMT时间格式；
<meta http-equiv="Expires" Content="0">
<meta http-equiv="Expires" Content="Sat Nov 28 2016 21:19:15 GMT+0800">
禁止缓存
用于禁止浏览器从本地机的缓存中调阅页面内容，用户无法脱机浏览；
<meta http-equiv="Pragma" content="No-cach">
title ------------------------------------------------------------------------------------------------------------
1 title标签在所有html文档中都是必须的。
2 定义浏览器工具栏中的标题
3 页面被收入收藏夹中的标题
4 显示在搜素引擎中的页面标题
base ------------------------------------------------------------------------------------------------------------
base可以为页面所有的链接设定默认链接地址和默认打开方式；文档中基础的url可以使用document.baseURL来查询；
一份文档中最多一个base，多了会被忽略；
<base url="http://www.baidu.com" target="_blank">
link ------------------------------------------------------------------------------------------------------------
link指定了外部资源与当前文档的关系，具有属性href,rel,media,type,sizes,hreflang;
其中常用的href和rel,分别规定了外部资源的链接地址和资源的类型
<link href="ss.css" rel="stylesheet">
sizes属性规定被链接资源的尺寸，且只有被链接资源是图标时才可以使用该属性
<link rel="icon" href="demo.gif" type="image/gif" sizes="16x16" />
引入外部样式表
<link rel="stylesheet" type="text/css" href="mystyle.css" />
浙公网安备 33010602011771号