初始html的head标签配置

title: 初始html的head标签配置 id: 4d12039e887a0e543be099a44be1b97a tags: [] date: 2000/01/01 00:00:00 updated: 2023/10/31 13:32:19 isPublic: true --#|[分隔]|#--

初始html的head标签配置

一个html文件，默认的一些<head>标签内的配置。

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>页面标题</title>
  <!-- 页面描述 -->
  <meta name="description" content="这里是页面描述" />
  <!-- 页面关键词 -->
  <meta name="keywords" content="这里是页面关键词,用逗号分隔" />

  <!-- 针对各种设备设置 favicon -->
  <!-- <link rel="shortcut icon" type="image/x-icon" href="./favicon.png"> -->
  <!-- <link rel="icon" href="./favicon.png"/> -->
  <!-- <link rel="apple-touch-icon" href="./favicon.png"/> -->

  <!-- 搜索引擎抓取 -->
  <meta name="robots" content="index,follow" />

  <!-- 不让百度转码 -->
  <meta http-equiv="Cache-Control" content="no-siteapp" />

  <!-- width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素） -->
  <!-- height：高度（数值 / device-height）（范围从223 到10,000） -->
  <!-- initial-scale：初始的缩放比例 （范围从>0 到10） -->
  <!-- minimum-scale：允许用户缩放到的最小比例 -->
  <!-- maximum-scale：允许用户缩放到的最大比例 -->
  <!-- user-scalable：用户是否可以手动缩 (no,yes) -->
  <!-- 以下配置,能使页面缩小为最小(尽量多的展示页面元素) -->
  <meta name="viewport" content="width=device-width, initial-scale=0">
  <!-- 以下配置在手机端会缩放整个页面来展示整个页面 -->
  <meta name="viewport" content="initial-scale=0,maximum-scale=1,user-scalable=yes">

  <!-- 优先使用 IE 最新版本和 Chrome -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
  
</body>
</html>

Previous为 Dom 自定义事件监听 Next拼音输入中文汉字的事件监听

Last updated 3 months ago

Was this helpful?

初始html的head标签配置

一个html文件，默认的一些<head>标签内的配置。

<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>页面标题</title>
  <!-- 页面描述 -->
  <meta name="description" content="这里是页面描述" />
  <!-- 页面关键词 -->
  <meta name="keywords" content="这里是页面关键词,用逗号分隔" />

  <!-- 针对各种设备设置 favicon -->
  <!-- <link rel="shortcut icon" type="image/x-icon" href="./favicon.png"> -->
  <!-- <link rel="icon" href="./favicon.png"/> -->
  <!-- <link rel="apple-touch-icon" href="./favicon.png"/> -->

  <!-- 搜索引擎抓取 -->
  <meta name="robots" content="index,follow" />

  <!-- 不让百度转码 -->
  <meta http-equiv="Cache-Control" content="no-siteapp" />

  <!-- width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素） -->
  <!-- height：高度（数值 / device-height）（范围从223 到10,000） -->
  <!-- initial-scale：初始的缩放比例 （范围从>0 到10） -->
  <!-- minimum-scale：允许用户缩放到的最小比例 -->
  <!-- maximum-scale：允许用户缩放到的最大比例 -->
  <!-- user-scalable：用户是否可以手动缩 (no,yes) -->
  <!-- 以下配置,能使页面缩小为最小(尽量多的展示页面元素) -->
  <meta name="viewport" content="width=device-width, initial-scale=0">
  <!-- 以下配置在手机端会缩放整个页面来展示整个页面 -->
  <meta name="viewport" content="initial-scale=0,maximum-scale=1,user-scalable=yes">

  <!-- 优先使用 IE 最新版本和 Chrome -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
  
</body>
</html>