head
title 标题
网页的标题
meta
1、 文档的字符编码
<meta charset="UTF-8">
2、 设置定时刷新
<meta http-equiv="Refresh" content="5" />
3、 设置关键字
<meta name="keywords" content="xxxxx" />
4、 设置网站描述
<meta name="description" content="xxxxx" />
5、 设置是否支持触屏缩放
- width=device-width ,表示宽度按照设备屏幕的宽度。
- initial-scale=1.0,初始显示缩放比例。
- minimum-scale=0.5,最小缩放比例。
- maximum-scale=1.0,最大缩放比例。
- user-scalable=yes,是否支持可缩放比例(触屏缩放
`<!--支持触屏缩放--> `
`<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">`
6、设置IE兼容
<meta http-equiv="X-UA-Compatible" content="IE=edge">
link图标
设置网页标题上的图标
<link rel="shortcut icon" href="图标文件路径">
DEMO
<html lang="en">
<head>
<meta charset="UTF-8">
<title>head</title>
<meta name="keywords" content="asdf"/>
<meta name="description" content="zxcv"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<link rel="shortcut icon" href="/image/chicken.icon">
</head>
<body>
<h1 style="width: 1500px;background-color: green;">66666666!!!</h1>
</body>
</html>