编程崽

登录

一叶在编程苦海沉沦的扁舟之上,我是那只激情自射的崽

初始html的head标签配置

初始html的head标签配置

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

html 复制代码
<!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>
更新时间:2023/10/31 13:32:19