html页面常用的个一些基本配置

页面编码格式

<meta charset="UTF-8">

带有兼容性的浏览器默认使用webkit内核进行渲染页面

<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

这里是个坑：meta标签并不支持 以 ip地址访问 的查询修改内核使用。 来自360社区的产品答疑师回复。。。
另附360浏览器其他模式的设置方式
若页面需默认用极速模式，增加标签：
若页面需默认用IE兼容模式，增加标签：
若页面需默认用IE标准模式，增加标签：

content的取值分别为webkit,ie-comp,ie-stand，区分大小写，分别代表用极速模式，IE兼容模式（低版本IE模式），IE标准模式（高版本IE模式）

版权声明：本文为CSDN博主「唐流雨」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_40808344/article/details/82732582

tkd配置（title keywords description）

<meta name="keywords" content="seo关键词">
<meta name="description" content="seo描述">
<title>页面标题</title>

IE兼容性处理

<!--[if IE 9]>
  <meta http-equiv="X-UA-Compatible" content="IE=8">
<![endif]-->
<!-- HTML5 shiv 和 Respond.js 是为了让 IE8 支持 HTML5 新增的元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    
  <!--[if IE 6]>
  <script type="text/javascript" src="/r/cms/www/red/cn/lib/DD_belatedPNG.js"></script><![endif]-->
  <!--[if IE 6]>
  <script type="text/javascript">
    // DD_belatedPNG.fix("img");
  </script>
  <![endif]-->

手机端页面基本配置

<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">

取消手机端iphone自动识别数字为手机号

<meta name="format-detection" content="telephone=no" />

手机端电话识别使用如下方式

<a href="tel:18666888888">18666888888</a>