前端html小技巧—META标签实用代码

HTML meta 标签

HTML meta 标签可用于向浏览器或搜索引擎提供网页内容信息,如网页内容描述、网页重要关键字、网页编码等 meta 此外,还有不重要的信息,如网页作者、网页发布时间、编辑器等,也可以通过 META TAG 来标示,META 该功能仅用于注明这些网页信息,并提供给浏览器或搜索引擎,而不是写给浏览网页"人"看的内容。

HTML meta 标签写在 head 范例

XML/HTML Code复制内容到剪贴板

<head>
<title>测试网页</title>
<meta name="description" content="这里是网页的简短描述">
<meta name="keywords" content="关键字 1,关键字 2">
</head>
标准的 <meta> 标签没有结尾,直接将参数写在 <meta> 内即可,一个网页内可以有很多个不同的 <meta> 标签,全部都要写在 head 标签内,范例中的 title 标签是用来标示网页标题用的,可以写在 <meta> 标签之前,也可以写在 <meta> 标签之后。

一、显示及排列中文

XML/HTML Code复制内容到剪贴板

说明:

Content-Type==>文件内容格式

;==>CONTENT内要作的每件事" ",分别以分号区隔

text/html==>纯文字/超文字

charset==>字符组为中文繁体大五码,如用iso-2022-jp是指日文

二、让搜索引擎容易找到您

XML/HTML Code复制内容到剪贴板

<META NAME="KeyWords" CONTENT="计算机教学'网络教学'Linux教学'CSS教学'HTML教学'软件教学'发信教学'SEO教学'交换连结">
<META NAME="KeyWords" CONTENT(http://www.qlyl1688.com)="css'HomePage'html'linux'seo">
说明:网页内文关键字,可使用中、英文均可

三、关于网站的内容描述

XML/HTML Code复制内容到剪贴板

说明:Description==>内容的主要描述

四、这个网页的作者是谁

XML/HTML Code复制内容到剪贴板

说明:标注本网页作者姓名等资料

五、这是用何编辑器完成的网页

XML/HTML Code复制内容到剪贴板

<META NAME="Generator" CONTENT="Mozilla/3.0Gold(Win95)[Netscape]">
说明:

标注本网页作者姓名等资料

Generator==>编辑器

Mozilla/3.0Gold(Win95)[Netscape]==>编辑器等版本说明

六、这个网页何时完成

XML/HTML Code复制内容到剪贴板

说明:

Creation-Date==>创作日期

01-jan-2003 20:40:01==>详细日期时间

七、这个网页有效时期及不被Cache所限制

XML/HTML Code复制内容到剪贴板

<META NAME="Expired" CONTENT="01-jan-2005 00:00:00">
<META HTTP-EQUIV="Pragma" CONTENT="no_cache">

说明:

Expired==>网页终止期限

01-jan-2005 00:00:00==>已过去的日期时间,也可以用Mon,12 Jan 2007 00:00:00 GMT

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

八、网页作者的网址与信箱

XML/HTML Code复制内容到剪贴板

<link rev="made" href="mailto:pcnettw@yahoo.com.tw">
<link rev="made" href="http://www.pcnet.idv.tw/">

说明:网页作者信箱或网址陈述

rev==>正向关联

made=>网页制造者

href==>您的信箱或网址

九、使网页能自动换页

XML/HTML Code复制内容到剪贴板

<META HTTP-EQUIV="refresh" CONTENT="15; url=http://www.pcnet.idv.tw/">

说明:

refresh==>更新或重整

15==>15秒后执行下一动作

;==>CONTENT内要作的每件事" ",分别以分号区隔

url=http://www.pcnet.idv.tw/==>指定转换到此网页

十、进入或离开的特效(限IE使用)

XML/HTML Code复制内容到剪贴板

<META http-equiv="指定要换页特效发生的状况" content="特效模式(Duration=特效持续时间,Transition=代替的特效)">

说明:

http-equiv=“Page-Enter是进入本页、Page-Exit是离开本页、Site-Enter是进入本站、Site-Exit是离开本站”。

content=“revealTrans(指定换页特效)、blendTrans(设定换页特效为"混合”)。

Duration=设定特效持续的时间(秒),建议在3-5秒之间。

Transition=以0-23代替特效(略)。

注:

它必须放在与两者之间,主要用于本网页的内容描述,以方便自己或他人(搜索引擎)使用。此外,它还可以创建一些特殊效果,如自动翻页。

http-equiv或NAME属性必须与c配合ontent属性使用,两者也可互替使用。

后设语法标签(后设语法标签(后设语法标签(META description tag)用法因搜索引擎设置而异。

有无Meta标签不影响网页的正常显示,其最大目的是提供各种网页信息,产生特殊效果。

建议使用网页.2.3.4.这8个标签是主要的,其余的视觉情况是自行增减的。

您可以使用检查原始码来查看本例的实际安排。

欢迎来到讲师(作者)网站查看更多报道资料。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值