HTML中Head元素常用功能
2019-04-26 本文已影响0人
logoss
<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>
