个人头像

柠檬酸

1月前来过

控制台
欢迎来到我的博客!
默认封面

00:00/

播放列表

H5<head>标签中的<meta>该写哪些东西?

发布于2017-05-10 / 442次浏览

先来段h5标准的空模板。

<!DOCTYPE html>
<html lang=”zh-CN”>
<head>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”Content-Type” content=”text/html; charset=uft-8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″>
<meta http-equiv=”description” content=”This is my page”>
<meta name=”keywords” content=”HTML,ASP,PHP,SQL”>
<title>wordpress学习</title>
</head>
<body>
</body>
</html>

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

首先HTML 4.01 与 HTML 5 之间的存在差异:
在 HTML 4.01 中,不得不这么写:

<meta http-equiv=”content-type” content=”text/html; charset=utf8″>

在 HTML 5 中,这样就够了:
<meta charset=”utf8″>

<meta name=”keywords” content=”HTML,ASP,PHP,SQL”> //页面关键字,便于搜索引擎收录
<meta http-equiv=”description” content=”This is my page”> //页面描述,简单的说就是在搜索引擎搜出来时的文字,那部分就是description的内容
<meta http-equiv=”content-type” content=”text/html; charset=utf8″>

http-equiv顾名思义,就是http头文件,作用是向浏览器发送一些基本的信息,content=”text/html” 就是告诉浏览器现在打开的是一个html文档,charset就是设置字符集编码

<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″>
这里引用百度知道的回答:

这是一个,文档兼容模式的定义。
Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
使用以下代码强制 IE 使用 Chrome Frame 渲染
<meta http-equiv=”X-UA-Compatible” content=”chrome=1″>
最佳的兼容模式方案,结合考虑以上两种:
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″>

<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
意思就说 显示窗口的宽度是”device-width”,也就是客户端满屏的宽度,相当于css中的width=100%,height=100%
initial-scale=1.0,就是说显示的文字和图形的初始比例是 1.0,页面不缩放
content属性值 :
width:可视区域的宽度,值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放,no 禁止缩放

排版? tan90°!此主题就不折腾了。新主题会着重考虑代码和段落的排版显示问题。

喜欢 0
TAGS:  暂无标签
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。 转载请注明出处链接 : H5<head>标签中的<meta>该写哪些东西?

暂无评论