<head>标签中包含的元素一般就3种,分别是<title>,<meta>和<link>。
(PS.如果你在<head>中写了其他的标签,比如<img>,会自动被系统分到body中。
1.title
<title>标题</title>
网页的标题,显示在浏览器的标签中。
2.meta
meta标签一般的格式是name + content 或者http-equiv + content
<meta name="参数" content="具体的描述">
<meta http-equiv="参数" content="具体的描述">
不过也有特殊的
<meta charset="UTF-8"> //定义字符集
常用的meta
<meta charset="utf-8"> //定义字符集
<meta name="viewport" content="width=device-width, initial-scale=1.0"> //配置移动端缩放
<meta http-equiv="X-UA-Compatible" content="ie=edge"> //指定ie使用新版的引擎
<meta name="keywords" content="hello,前端,html"> //搜索引擎关键字
<meta name="description" content="学习前端"> //搜索引擎描述
<meta name="renderer" content="webkit"> //360定制,默认使用webkit引擎
//这3个是qq分享定制的,把连接分享到qq时有用
<meta itemprop="name" content="这是分享的标题"/>
<meta itemprop="image" content="http://imgcache.qq.com/qqshow/ac/v4/global/logo.png" />
<meta name="description" itemprop="description" content="这是要分享的内容" />
3.link
引入css
<link rel="stylesheet" type="text/css" href="style.css">
引入图标,浏览器标签页上显示的图标,在title的旁边
<link rel="shortcut icon" href="favicon.ico">
引入js,这个其实不算link标签了,不过也是引入其他文件,我也放在这里吧。引入js最好放在body中。
<script src="app.js"></script>
网友评论