写网页时,对于<head>
标签,每次都需要重新写,有时候总是丢掉一些该有的标签。
今日总结一下<head>
标签中的元素,做个记录,会持续更新。
如果你还知道这里面没有的,评论区留个言,大家一起进步。
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>开始使用layui</title>
<meta name="keywords" content="网页关键字">
<meta name="description" content="网页描述">
<!-- css文件 -->
<link rel="stylesheet" href="layui/css/layui.css">
<!-- font-awesome 字体图标 -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!-- 网站的ico图标 -->
<link rel="shortcut icon" href="/images/favicon.ico">
<!-- ios用户添加到主屏幕上显示的图片,一下尺寸兼容各种移动设备 -->
<link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" />
<link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" />
<link rel="canonical" href="网站绝对地址" />
<!-- 告诉搜索引擎站点作者 -->
<meta name="Author" contect="qinshoushou">
<!--用以说明生成工具(如Microsoft,FrontPage 4.0,typecho)等-->
<meta name="generator" content="Typecho 1.1/17.10.30" />
<!-- 告诉搜索引擎站点模版的作者 -->
<meta name="template" content="molerose" />
<meta http-equiv="Page-Exit" contect= "revealTrans(duration=20,transtion=6) ">
<!-- H5手Q分享通用接口代码片段 -->
<meta itemprop="name" content="网页标题">
<meta itemprop="description" content="网页描述">
<meta itemprop="image" content="缩略图200*200最佳">
</head>