head的使用目的和配置方法
使用目的:
HTML 头部包含 HTML <head> 元素的内容，与 <body> 元素内容不同，页面在浏览器加载后它的内容不会在浏览器中显示，它的作用是保存页面的一些元数据
配置方法就是
<head> <meta charset="utf-8" /> <title>我的测试页面</title> </head>
title的使用目的和配置方法
使用目的：
元素是一项元数据，用于表示整个 HTML 文档的标题（而不是文档内容）
meta的使用目的和配置方法
主要用于描述网页，与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
配置方法：
name
keywords
<meta name="参数"content="具体的参数值"> <meta name="keywords"content="science,education,culture,politics,ecnomics，relationships,entertaiment,human">
description
<meta name="description"content="这是一个学习的网站">
robots
robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引
content的参数有all,none,index,noindex,follow,nofollow。默认是all
<meta name="robots"content="none">
author
标注网页的作者
<meta name="author" content="root,[email protected]">
render 渲染模式
<meta name="renderer" content="webkit">
viewPort
视图模式
可把content="width-device=width"，则宽度为使用手机的宽度
<meta name="viewport" content=" width=device-width, //viewport的高度 initial-scle=1.0, //初始的缩放比例 maximum-scale=1.0, //允许用户缩放到的最小比例 minimum-scale=1.0, //允许用户缩放到的最大比例 user-scalable=no" //用户是否可以手动缩放 />
http-equiv属性
1.X-UA-Compatible 浏览模式
<meta http-equiv="X-UA-Compatible" content="IE=5" />
2.Pragma cache模式
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
注意：这样设定，访问者将无法脱机浏览
<meta http-equiv="Pragma" content="no-cache">
3.Refresh 刷新
说明：自动刷新并指向新页面
注意：其中的2是指停留2秒钟后自动刷新到URL网址。
4.Set-Cookie cookie设定
说明：如果网页过期，那么存盘的cookie将被删除
注意：必须使用GMT的时间格式。
5.Window-target 显示窗口的设定
说明：强制页面在当前窗口以独立页面显示。
注意：用来防止别人在框架里调用自己的页面。
6.Window-target 显示窗口的设定
说明：强制页面在当前窗口以独立页面显示。
注意：用来防止别人在框架里调用自己的页面。
7.content-Language 显示语言的设定
link
用于引入外部的文档，常用到引用css样式或icon图标
其中：rel属性是link标签的核心
注意：在 HTML 中，<link> 标签没有结束标签
charset 属性规定被链接文档的字符编码方式。
在下面的例子中，charset 属性指示被链接文档是用英文编写的：
<head> <link href="shanghai.htm" rel="parent" charset="en" /> </head>
href 属性规定被链接文档的位置（URL）
<head> <link rel="stylesheet" type="text/css" href="theme.css" /> </head>
reflang 属性规定被链接文档中文本的语言
<head> <link href="shanghai.htm" rel="parent" charset="UTF-8" hreflang="zh-Hans" /> </head>
href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。src 表示来源地址，在 img、script、iframe 等元素上。
src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。
标签：head,title,标签,content,HTML,文档,属性,页面 From： https://www.cnblogs.com/alwaysrun/p/17180667.html