html_头部<meta>设置

<!DOCTYPE html> : 定义HTML的规则类型;浏览器兼容性最好


<!DOCTYPE html>
<html>
  <head>
  <!--编码-->

    <!-- // 指定HTML编码(缩写)  : UTF-8 / jdk-->
    <meta charset="UTF-8">   
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <!--跳转-->
    <meta http-equiv="Refresh" Content= "5; Url=http://www.baidu.com"/> <!--// 5 秒后跳转到百度-->
  <!--刷新-->
    <meta http-equiv="Refresh" Content= "5"> <!--// 5秒钟刷新一次-->
  <!--关键字-->
    <meta name="keywords" content="Vera,微辣,维拉,薇拉"> <!--爬虫爬的时候的关键字-->
  <!--对网站的介绍-->
    <meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxx">
  <!--ie兼容-->
    <!--X-UA-Compatible: 为了兼容IE6以下-->
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"><!--IE=edge:最新的模式执行浏览器-->

     <meta http-equiv='X-UA-Compatible' content='IE-edge'><!--bootstrap 不支持IE古老兼容模式,为了让ie浏览器运行最高级别的可用模式渲染显示内容-->
  <!--网站标题-->
    <title>网站名字</title><!--头部唯一可以显示的东西-->

  <!--网站名字前的图标-->
    <link rel="icon" href = "图片名(英文).ico"> 


  <!--head中还可以写的相关代码:
    1.css文件
    2.css代码块
    3.js文件
    4.js代码块-->

  </head>
  <body>

  </body>
</html>

补充:

1.
<meta name='viewport' content='width=device-width,initial-scale=1'>
为了确保适当的绘制和触屏缩放,需在<head>中添加viewport元数据标签。
在移动设备浏览器上,通过视口(viewport)设置meta属性为user-scalable=no可禁用其缩放(zooming)功能
2.
<meta name='renderer' content='webkit'>
优先以webkit渲染页面,国内浏览器厂商一般都支持兼容模式(即ie内核)和高速模式(即webkit内核)

 

转载于:https://www.cnblogs.com/Vera-y/p/10438446.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值