欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

meta标签的使用

程序员文章站 2022-05-11 12:08:06
...

meta标签的常用方式

1.设置网页的字符集

	<meta charset="UTF-8" />

2.设置网页关键字

描述网页关键字 ，检索关键字时会搜索到该网页 。可添加多个，用逗号隔开

	<meta name="keywords" content="耳朵，拖鞋" />
	<meta
     	name="Keywords"
      	content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"
  	 />

3.设置网页内容描述

描述网页内容，该内容会出现在搜索引擎的结果

	<meta
     	name="description"
      	content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"
    />

4.url重定向

content：“t（s）；url地址”
时间和url之间用“；”号隔开。此处表示3秒后跳转至百度

	<meta http-equiv="refresh" content="3;url=http://www.baidu.com" />

全部代码：

<!DOCTYPE html>
<html>
  <head>
   	<meta charset="UTF-8" />
    	<meta name="keywords" content="碧池，拖鞋" />
  	    <meta
      		name="Keywords"
      	 	content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"
   		 />

    <!-- 描述网页内容，会出现在搜索引擎的结果中-->
    <meta name="description" content="致力于打造更好的学习平台" />
    <meta
      name="description"
      content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"
    />

    <!-- 3秒后跳转至url后地址-->
    <meta http-equiv="refresh" content="3;url=http://www.baidu.com" />
  </head>
</html>

上一篇： 一、初识HTML

下一篇： meta标签的使用

推荐阅读