<!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内核)

html_头部<meta>设置的更多相关文章

  1. 移动端网页meta设置和响应式

    苏宁易购WAP的meta分析 响应式 meta设置 媒体查询时读的width为viewport的宽度.viewport宽度为手机分辨率.比如note2 1280*720.需要重置为设备 640*360 ...

  2. QTabWidget 头部背景色设置和QTabWidget 样式设置

    1.问题:QTabWiget的头部背景色通过设置background-color属性没有生效,网上找了很多方法,也不生效. 2.解决办法:在Qt Designer中将autoFillBackgroun ...

  3. Html头部meta标签

      meta元素有4个属性:name.http-equiv.content.charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过c ...

  4. meta设置与去除默认样式--移动端开发整理笔记(一)

    视口设置: <meta name="viewport" content="width=device-width,user-scalable=no,initial-s ...

  5. 移动端网站开发要点-meta设置

    <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"&g ...

  6. 移动端web页面开发常用的头部标签设置

    在移动端web页面开发中,我们常需要设置各种头部标签以帮助浏览器更好的解析页面,将页面完美呈现,这里列出了工作中常用的各种头部标签,以备查询. viewport <meta name=" ...

  7. html头文件设置常用之<meta>设置缓存

    <meta http-equiv="pragma" content="no-cache">,pragma与no-cache用于定义页面缓存,不缓存页 ...

  8. html头文件设置常用之<meta>设置

    也许很多开发人员并没有重视meta标签,我就是其中一个,但是meta标签的功能很强大,下面就来说说meta标签! <meta http-equiv="pragma" cont ...

  9. 关于移动端meta设置

    <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initi ...

随机推荐

  1. 不用Ajax时的传参方法

    不用Ajax时的怎么传参 创建一个form表单 function test(){ var params = { "参数名": "参数值" }; postExce ...

  2. 【JVM】深度分析Java的ClassLoader机制(源码级别)

    原文:深度分析Java的ClassLoader机制(源码级别) 为了更好的理解类的加载机制,我们来深入研究一下ClassLoader和他的loadClass()方法. 源码分析 public abst ...

  3. 「POJ2891」Strange Way to Express Integers【数学归纳法,扩展中国剩余定理】

    题目链接 [VJ传送门] 题目描述 给你\(a_1...a_n\)和\(m_1...m_n\),求一个最小的正整数\(x\),满足\(\forall i\in[1,n] \equiv a_i(mod ...

  4. webpack学习记录-初步体验(一)

    一.关于webpack 自从出现模块化以后,大家可以将原本一坨代码分离到个个模块中,但是由此引发了一个问题.每个 JS 文件都需要从服务器去拿,由此会导致加载速度变慢.Webpack 最主要的目的就是 ...

  5. RBAC权限管理设计

    一.权限简介 1. 问:为什么程序需要权限控制? 答:生活中的权限限制,① 看灾难片电影<2012>中富人和权贵有权登上诺亚方舟,穷苦老百姓只有等着灾难的来临:② 屌丝们,有没有想过为什么 ...

  6. P2518 [HAOI2010]计数

    题目链接 \(Click\) \(Here\) 很好很妙的一个题目. 其实可以生成的数字,一定是原数的一个排列,因为\(0\)被放在前面就可以认为不存在了嘛~.也就是说现在求的就是全排列中所有小于该数 ...

  7. CMDB服务器管理系统【s5day89】:采集资产之整合资产

    1.业务逻辑单独写 1.代码目录结构 2.client.py from src.plugins import PluginManager class BaseClient(object): def p ...

  8. DirectX11 With Windows SDK--15 几何着色器初探

    前言 从这一部分开始,感觉就像是踏入了无人深空一样,在之前初学DX11的时候,这部分内容都是基本上跳过的,现在打算重新认真地把它给拾回来. DirectX11 With Windows SDK完整目录 ...

  9. wxpython多线程间通信

    #!bin/bash/python # -*- coding=utf-8 -*- import time import wx from threading import Thread from wx. ...

  10. [物理学与PDEs]第4章第2节 反应流体力学方程组 2.2 反应流体力学方程组形式的化约

    1.  粘性热传导反应流体力学方程组 $$\beex \bea \cfrac{\rd \rho}{\rd t}&+\rho \Div{\bf u}=0,\\ \cfrac{\rd Z}{\rd ...