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内核)
html_头部<meta>设置的更多相关文章
- 移动端网页meta设置和响应式
苏宁易购WAP的meta分析 响应式 meta设置 媒体查询时读的width为viewport的宽度.viewport宽度为手机分辨率.比如note2 1280*720.需要重置为设备 640*360 ...
- QTabWidget 头部背景色设置和QTabWidget 样式设置
1.问题:QTabWiget的头部背景色通过设置background-color属性没有生效,网上找了很多方法,也不生效. 2.解决办法:在Qt Designer中将autoFillBackgroun ...
- Html头部meta标签
meta元素有4个属性:name.http-equiv.content.charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过c ...
- meta设置与去除默认样式--移动端开发整理笔记(一)
视口设置: <meta name="viewport" content="width=device-width,user-scalable=no,initial-s ...
- 移动端网站开发要点-meta设置
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"&g ...
- 移动端web页面开发常用的头部标签设置
在移动端web页面开发中,我们常需要设置各种头部标签以帮助浏览器更好的解析页面,将页面完美呈现,这里列出了工作中常用的各种头部标签,以备查询. viewport <meta name=" ...
- html头文件设置常用之<meta>设置缓存
<meta http-equiv="pragma" content="no-cache">,pragma与no-cache用于定义页面缓存,不缓存页 ...
- html头文件设置常用之<meta>设置
也许很多开发人员并没有重视meta标签,我就是其中一个,但是meta标签的功能很强大,下面就来说说meta标签! <meta http-equiv="pragma" cont ...
- 关于移动端meta设置
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initi ...
随机推荐
- centos6 mongodb 安装
1. 下载MongoDB 官网下载地址 https://www.mongodb.com/download-center#community 下载地址 32位 http://dl.mongodb.org ...
- magento2 - Invalid credentials for 'https://repo.magento.com/packages.json', aborting.
错误如下: 登陆:https://developer.magento.com/找到路径-创建公钥与私钥: Developer Portal -> My Access Keys -> Cre ...
- HDOJ 5542 The Battle of Chibi
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5542 题目大意:在n个数中找长度为m的单调上升子序列有多少种方案 题目思路:DP,离散化,树状数组优化 ...
- Tomcat 服务器
1 相关概念 1 软件的架构 1 c/s 客服端/服务端 2 b/s 浏览器/服务器 2 资源的分类 1 静态资源 所有用户访问后 得到的资源是一样的 称为静态资源 html css js 静态资源可 ...
- 记一次504 Gateway Time-out
使用curl请求是超时,查了下资料原来是端口被占用,造成了死锁,记录下 首先要知道为什么会出现死锁? 在我们访问页面的时候这个端口进程就已经被使用,当我们再在页面中curl请求其他页面因为没有其他的端 ...
- 微服务之路由网关—Nginx
Nginx 简介Nginx 是一款自由的.开源的.高性能的 HTTP 服务器和反向代理服务器,它具有有很多非常优越的特性: • 作为 Web 服务器: 相比 Apache , Nginx 使用更少的 ...
- sqlalchemy查询结果类型简析
Sqlalchemy的查询方式有很多种,例如可以查询全部,可以查询符合条件的,可以查询指定字段的.那么这么多种查询,返回的结果是不是一样的呢?作本文记录分析结果. Sql_forengin.py #c ...
- Regularity criteria for NSE 6: $u_3,\p_3u_1,\p_3u_2$
In [Zujin Zhang, Jinlu Li, Zheng-an Yao, A remark on the global regularity criterion for the 3D Navi ...
- [物理学与PDEs]第2章第1节 理想流体力学方程组 1.4 一维理想流体力学方程组
1. 一维理想流体力学方程组 $$\beex \bea \cfrac{\p\rho}{\p t}+\cfrac{\p}{\p x}(\rho u)&=0,\\ \cfrac{\p}{\p t ...
- shell ip变量加法运算
#!/bin/bash for ip in `cat a.txt`;do a=`echo $ip|awk -F '.' '{print $1}'` b=`echo $ip|awk -F '.' '{p ...