WonderCSS

meta标签十大功用

meta标签往往被web开发者忽视,大家经常只会用到关键词、描述,并不知道它还有很多功能。那么我们今天就来了解与meta标签相关的十大功用。

了解 meta 标签

在HTML代码中 <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。meta标签永远位于 head 元素内部,不包含任何内容。meta标签的属性定义了与文档相关联的名称/值对。

meta 标签需要闭合关闭么

网页在 HTML版本 中,<meta> 标签没有结束标签即无需闭合。在 XHTML 和 HTML5 版本 中,<meta> 标签必须被正确地闭合。

一 标记Content-Type标签显示并排列中文


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

Content-Type意味着文件内容格式,text/html纯文本/超文本使用charset编码为big5。

二 标记keywords设置关键词,让搜索引擎更容易记住你


<meta name="keywords" content="网页设计,网站建设,wordpress主题,dedecms模板" />

这个大家都熟悉,值得注意的就是多个关键词之间用半角的逗号(也就是英文的逗号)分隔。

三 标记description为网站添加描述/简介


<meta name="description" content="WonderCSS专注于网站前端用户体验,为您提供专业的Wordpress主题、DedeCMS模板等网站建设服务。" />

四 标记author告之这个网页的作者是谁


<meta name="author" content="Yu Zhan" />

人过留名、燕过留毛 =。=

五 标记made联系作者的网址或邮箱


<link rev="made" href="http://www.wondercss.com" />

rev="made" 正在联系作者,href内可写主页地址或联系邮箱。

六 标记Generator告知这个页面是用什么编辑器编写的


<meta name="generator" content="EditPLus/v3.50" />

generator是编辑器,这个标签用的真的很少,如果你很支持你心爱的某些小众编辑器那就投上一票吧。

七 利用Creation-Date显示页面完成时间


<meta name="Creation-Date" content="01-feb-2013 21:20:00" />

八 利用expired显示页面的“作废时间”


<meta name="expired" content="01-jun-2013 21:20:00" />

九 通知本页面不被Cache限制


<meta http-equiv="pragma" content="no_cache" />

content=”no_cache” 不被Cache所限制,也就是网页没有记忆功能。

十 利用refresh自动跳转页面


<meta http-equiv="refresh" content="5;url=http://www.wondercss.com/about/" />

content内时间数值单位为秒,如果把url设置为当前页面地址就是自动刷新本页面。详细了解

By 于湛 发布于 2013.03.31 13,968 次浏览

发表评论

电子邮件地址不会被公开。 必填项已用*标注