举例讲解HTML中META标签的一些使用技巧

2020-04-17 20:32:52易采站长站整理

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复制内容到剪贴板

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

说明:
Content-Type==>文件内容格式
;==>CONTENT内要作的每件事" ",分别以分号区隔
text/html==>纯文字/超文字
charset==>字符组为中文繁体大五码,如用iso-2022-jp是指日文

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

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

<META NAME="KeyWords" CONTENT="计算机教学’网络教学’Linux教学’CSS教学’HTML教学’软件教学’发信教学’SEO教学’交换连结">  
<META NAME="KeyWords" CONTENT="css’HomePage’html’linux’seo">  

说明:网页内文关键字,可使用中、英文均可

三、关于网站的内容描述

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

<META NAME="Description" CONTENT="这是一个免费学习网页制作的好地方,网络研究所">  

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

四、这个网页的作者是谁

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

<META NAME="Author" CONTENT="PCNET">  

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

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

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

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