html网页中<head>头部标签的优化总结

秦兽兽 2018-09-27 AM 265次 2条

写网页时,对于<head>标签,每次都需要重新写,有时候总是丢掉一些该有的标签。
今日总结一下<head>标签中的元素,做个记录,会持续更新。
如果你还知道这里面没有的,评论区留个言,大家一起进步。

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>网站标题</title>
  <meta name="keywords" content="网页关键字">
  <meta name="description" content="网页描述">
  <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>

最后修改:2018年09月27日 10:37 AM

标签: html / 优化

// ~~ * 不知道有没有人请我敷个面膜 * ~~//

非特殊说明,本博所有文章均为博主原创。

秦兽兽的头像
秦兽兽 博主大人
我想我可以的,对,我可以的。

评论啦~



已有 2 条评论


  1. 不言
    不言

    搬走了 谢谢大佬

    https://www.buyan.ren/9415.html

    回复 44天前 Chrome 69 10
  2. 美少女战士
    美少女战士

    这是一条测试评论

    回复 44天前 QQ浏览器 10 10