HTML-doctype,meta

来源：互联网发布：搜索引擎优化案例分析编辑：程序博客网时间：2024/05/21 18:19

doctype

HTML经历长久发展，产生了HTML4，HTML5，XHMTL1.0 在网页开头我们一般会使用doctype对文档进行版本声明。
HTML4

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0.1//EN" "http://www.w3.org/TR/html4/strict.dtd">

XHMTL1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml111/DTD/xhtml111.dtd">

HTML5

<!DOCTYPE html>

此声明，位于html前，文档开始位置。

代码验证

可以使用官方提供的工具，进行代码查错。
http://validator.w3.org/

meta

元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

1. name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是：

<meta name="参数" content="具体的参数值">；

viewport
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
maximum-scale：允许用户缩放到的最大比例。
minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放

Keywords（关键字）

<meta name ="keywords" content="science,education,culture,politics,ecnomics,relationships,entertainment,human">

description（网站内容描述）

<meta name="description" content="This page is about the meaning of science,education,culture.">

robots（机器人向导）

<meta name="robots" content="none">

author（作者）

2. http-equiv属性

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是：

<meta http-equiv="参数" content="参数变量值">

content-Type（显示字符集的设定）
设定页面使用的字符集。

<meta http-equiv="content-Type" content="text/html; charset=gb2312">

在HTML5中，在表达charset信息时可以简写，前面的内容可以去掉，即写法是：

 <meta charset="GBK">

content-Language（显示语言的设定）

<meta http-equiv="Content-Language" content="zh-cn" />

Expires（期限)
可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。

<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">

Pragma(cache模式）
禁止浏览器从本地计算机的缓存中访问页面内容。

<meta http-equiv="Pragma" content="no-cache">

Refresh（刷新)
自动刷新并转到新页面。

<meta http-equiv="Refresh" content="2;URL">；（注意后面的分号，分别在秒数的前面和网址的后面，URL可为空）

Set-Cookie(cookie设定）
如果网页过期，那么存盘的cookie将被删除。

<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/">

Window-target（显示窗口的设定）
强制页面在当前窗口以独立页面显示。

<meta http-equiv="Window-target" content="_top">

阅读全文

0 0