一份关于任何可以写入到你的文档中 <head> 部分的清单

最小推荐

  1. <meta charset="utf-8">
  2. <meta http-equiv="x-ua-compatible" content="ie=edge">
  3. <meta name="viewport" content="width=device-width, initial-scale=1">
  4. <!-- 以上 3 个 meta 标签 *必须* 放在 head 的最前面；其他任何的 head 内容必须在这些标签的 *后面* -->
  5. <title>页面标题</title>　

网页元素

  1. <!-- 文档标题 -->
  2. <title>页面标题</title>
  3.  
  4. <!-- 基本 URL 作用于文档中所包含的所有相对 URL -->
  5. <base href="https://example.com/page.html">
  6.  
  7. <!-- 外部的 CSS -->
  8. <link rel="stylesheet" href="styles.css">
  9.  
  10. <!-- 文档内的 CSS -->
  11. <style>
  12.   /* ... */
  13. </style>
  14.  
  15. <!-- JavaScript -->
  16. <script src="script.js"></script>
  17. <noscript><!--无 JS 时的替代--></noscript>

　　

Meta 标签

  1. <!-- 设置文档的字符编码 -->
  2. <meta charset="utf-8">
  3. <meta http-equiv="x-ua-compatible" content="ie=edge">
  4. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  5. <!-- 以上 3 个 meta 标签 *必须* 放在 head 的最前面；其他任何的 head 内容必须在这些标签的 *后面* -->
  6.  
  7. <!-- 允许控制资源的过度加载 -->
  8. <meta http-equiv="Content-Security-Policy" content="default-src 'self'">
  9. <!-- 尽早地放置在文档中 -->
  10. <!-- 仅应用于该标签下的内容 -->
  11.  
  12. <!-- Web 应用的名称（仅当网站被用作为一个应用时才使用）-->
  13. <meta name="application-name" content="应用名称">
  14.  
  15. <!-- 针对页面的简短描述（限制 150 字符）-->
  16. <!-- 在*某些*情况下，该描述是被用作搜索结果展示片段的一部分 -->
  17. <meta name="description" content="一个页面描述">
  18.  
  19. <!-- 控制搜索引擎的抓取和索引行为 -->
  20. <meta name="robots" content="index,follow,noodp"><!-- 所有的搜索引擎 -->
  21. <meta name="googlebot" content="index,follow"><!-- 仅对 Google 有效 -->
  22.  
  23. <!-- 告诉 Google 不显示网站链接的搜索框 -->
  24. <meta name="google" content="nositelinkssearchbox">
  25.  
  26. <!-- 告诉 Google 不提供此页面的翻译 -->
  27. <meta name="google" content="notranslate">
  28.  
  29. <!-- 验证 Google 搜索控制台的所有权 -->
  30. <meta name="google-site-verification" content="verification_token">
  31.  
  32. <!-- 用来命名软件或用于构建网页（如 - WordPress、Dreamweaver）-->
  33. <meta name="generator" content="program">
  34.  
  35. <!-- 关于你的网站主题的简短描述 -->
  36. <meta name="subject" content="你的网站主题">
  37.  
  38. <!-- 非常简短（少于 10 个字）的描述。主要用于学术论文。-->
  39. <meta name="abstract" content="">
  40.  
  41. <!-- 完整的域名或网址 -->
  42. <meta name="url" content="https://example.com/">
  43.  
  44. <meta name="directory" content="submission">
  45.  
  46. <!-- 基于网站内容给出一般的年龄分级 -->
  47. <meta name="rating" content="General">
  48.  
  49. <!-- 允许控制 referrer 信息如何传递 -->
  50. <meta name="referrer" content="no-referrer">
  51.  
  52. <!-- 禁用自动检测和格式化可能的电话号码 -->
  53. <meta name="format-detection" content="telephone=no">
  54.  
  55. <!-- 通过设置为 “off” 完全退出 DNS 预取 -->
  56. <meta http-equiv="x-dns-prefetch-control" content="off">
  57.  
  58. <!-- 在客户端存储 cookie，web 浏览器的客户端识别 -->
  59. <meta http-equiv="set-cookie" content="name=value; expires=date; path=url">
  60.  
  61. <!-- 指定要显示在一个特定框架中的页面 -->
  62. <meta http-equiv="Window-Target" content="_value">
  63.  
  64. <!-- 地理标签 -->
  65. <meta name="ICBM" content="latitude, longitude">
  66. <meta name="geo.position" content="latitude;longitude">
  67. <meta name="geo.region" content="country[-state]"><!-- 国家代码 (ISO 3166-1): 强制性, 州代码 (ISO 3166-2): 可选; 如 content="US" / content="US-NY" -->
  68. <meta name="geo.placename" content="city/town"><!-- 如 content="New York City" -->

　　

能够放在文档的 <head> 中的各种配置元素的更多相关文章

  1. 小讲堂：Mobox文档管理软件中的文件外链是什么？

    今天我们来讨论Mobox文档管理软件中的文件外链是什么?熟悉MOBOX的朋友们应该知道,如果有文件需要分享给其他同事,直接可以进行文件共享.对方会在AM的即时通讯客户端有消息提醒,点击消息提醒可以看到 ...

  2. 小讲堂：在线编辑在Mobox文档管理软件中的意义

    今天我们来讨论一下,mobox文档管理软件中的在线编辑的这个功能,相信这个功能是用户在日常的文档维护中非常需要的. 文档管理软件的诸多功能中,在线编辑是一块很重要的功能点,因为在线编辑可以说是提高工作 ...

  3. 利用Gulp实现JSDoc 3的文档编写过程中的实时解析和效果预览

    ### 利用Gulp实现JSDoc 3的文档编写过程中的实时解析和效果预览 http://segmentfault.com/a/1190000002583569

  4. 文档流 css中的float clear与布局

    文档流 先说说什么是文档流  流是什么 就是一串连续的东西 <div style="background-color:pink;width:40px;height:80px;" ...

  5. 将word文档A表格中的内容拷贝到word文档B表格中

    Function IsFileExists(ByVal strFileName As String) As Boolean ) <> Empty Then IsFileExists = T ...

  6. 使用文档碎片（DocumentFragments）追加DOM元素

    标签(空格分隔): JavaScript DocumentFragment接口表示一个没有父级文件的最小文档对象.它被当做一个轻量版的Document使用,用于存储已排好版的或尚未打理好格式XML片段 ...

  7. API文档自动生成，Swagger的配置

    ASP.NET的部署方式 第一步:引用程序集 打开NuGet程序包管理器,搜索Swagger,安装第一个,注意画圈的地方, 已经包含主程序和UI了,安装完成后会在根目录App_Start文件夹下生成S ...

  8. filebeat的层次架构图和配置部署 -- 不错的文档 - elasticsearch 性能调优 + Filebeat配置

    1.fielbeat的组件架构-看出层次感 2.工作流程:每个harvester读取新的内容一个日志文件,新的日志数据发送到spooler(后台处理程序),它汇集的事件和聚合数据发送到你已经配置了Fi ...

  9. Dede 删除文档同时文章中的图片的方法

    首先,在"/include"目录下建立"extend.func.php"文件. 然后,将以下内容保存在"extend.func.php"文件 ...

随机推荐

  1. 18-(unicode error) 'unicodeescape' codec can't decode bytes in position 16-17: truncated \uXXXX escape

    读取文件时碰到问题: 1.(unicode error) 'unicodeescape' codec can't decode bytes in position 16-17: truncated \ ...

  2. Qt Thread

    Threading Classes (Qt help manual key words) These Qt Core classes provide threading support to appl ...

  3. equals()方法左右变量的位置

    题:一个变量,一个常量,用equals()方法比较,让咱们,看看到底是常量放前面好啊,还是变量放前面好 ------------------------------------------------ ...

  4. bug解决思路

    1.定位 2.往前看3段:如果有If判断,就重点看为什么会进入到该判断里面

  5. [OS]windows 2012 server-Local users and groups-Backup Operators

    怎样找到windows 2012 server上的Backup Operators Press the Windows + R keys to open the Run dialog, type lu ...

  6. Android应用程序的基本组件介绍

    1.Activity和View Activity是Android应用中负责与用户交互的组件,它只能通过setContentView(View)来显示指定组件. View组件是所有UI控件.容器空间的基 ...

  7. Executing a Finite-Length Task in the Background

    [Executing a Finite-Length Task in the Background] Apps that are transitioning to the background can ...

  8. java文件的读写程序代码

    package textopen; import java.io.File; import java.io.FileNotFoundException; import java.io.FileOutp ...

  9. 用U盘安装Ubuntu主系统

    用U盘安装Ubuntu主系统 0. 学习Ubuntu系统的的动机 ubuntu系统的内核是linux系统,通过Ubuntu的学习,掌握lInux服务器搭建!!!! 硬件要求:闲置的笔记本  +  U盘 ...

  10. [翻译]Writing Component Editors 编写组件的编辑器

    Writing Component Editors  编写组件的编辑器   All common control editors (opened from a control's context me ...