META标签的奥妙[转载]

meta标签大全 <meta charset="UTF-8"> //声明字符的编码**防止出现乱码 <meta http-equiv="x-UA-Compatible" content="IE=edge"> //避免IE使用兼容模式(必须放在前面否则无效) <meta name="viewport" content="width=device-width, initial-sca... 阅读详情
META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看
到类似下面这段html代码:

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

这就是meta标签的典型运用。meta标签有多少参数,有什么作用,为什么我们要特别重视它呢?让我们一起来发掘meta标签的奥妙!

根据HTML语言标准注释:meta标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。

meta标签分两大部分:HTTP-EQUIV和NAME变量。

●HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:

1.expires(期限)
说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
用法:<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
注意:必须使用GMT的时间格式。

2.Pragma(cach模式)
说明:禁止浏览器从本地机的缓存中调阅页面内容。
用法:<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
注意:这样设定,访问者将无法脱机浏览。

3.Refresh(刷新)
说明:需要定时让网页自动链接到其它网页的话,就用这句了。
用法:<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
注意:其中的5是指停留5秒钟后自动刷新到URL网址。

4.Set-Cookie(cookie设定)
说明:如果网页过期,那么存盘的cookie将被删除。
用法:<META HTTP-EQUIV="Set-Cookie" CONTENT="cookievalue=xxx;
expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">
注意:必须使用GMT的时间格式。

5.Window-target(显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:<META HTTP-EQUIV="Window-target" CONTENT="_top">
注意:用来防止别人在框架里调用你的页面。

5.Content-Type(显示字符集的设定)
说明:设定页面使用的字符集。(我们在前面字体设计中已经介绍过它的作用)
用法:<meta http-equiv="Content-Type" content="text/html; charset=gb2312">


●meat标签的NAME变量语法格式是:
<META NAME="xxx" CONTENT="xxxxxxxxxxxxxxxxxx">
其中xxx主要有下面几种参数:

1.Keywords(关键字)
说明:keywords用来告诉搜索引擎你网页的关键字是什么。
举例:<META NAME ="keywords" CONTENT="life, universe, mankind, plants,
relationships, the meaning of life, science">

2.description(简介)
说明:description用来告诉搜索引擎你的网站主要内容。
举例:<META NAME="description" CONTENT="This page is about the meaning of
life, the universe, mankind and plants.">

3.robots(机器人向导)
说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例:<META NAME="robots" CONTENT="none">

4.author(作者)
说明:标注网页的作者
举例:<META name="AUTHOR" content="ajie,ajie@netease.com">

以上是meta标签的一些基本用法,其中最重要的就是:Keywords和description的设定。

为什么呢?道理很简单,这两个语句可以让搜索引擎能准确的发现你,吸引更多的人访问你的站点!

根据现在流行搜索引擎(Lycos,AltaVista等)的工作原理,搜索引擎首先派出机器人自动在www上搜索,当发现新的网站时,便检索页面中的keywords和decription,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。

也就是说:
1. 如果你的页面中根本没有Keywords和description的meta标签,那么机器人是无法将你的站点加入数据库,网友也就不可能搜索到你的站点。

2. 如果你的关键字选的不好,关键字的密度不高,被排列在几十甚至几百万个站点的后面被点击的可能性也是非常小的。

所以,我们必须记住添加keywords和description的meta标签,并尽可能写好关键字和简介。

写keywords的禁忌是:
1.不要用常见词汇。例如www,homepage,net,web等。
2.不要用形容词,副词。例如最好的,最大的等。
3.不要用笼统的词汇,要尽量精确。例如不用"摩托罗拉手机",改用"V998"等

寻找合适的关键词的一个技巧是:到lycos,Alta,infoseek等搜索引擎,搜索与你内容相仿的网站,查看排名前十位的网站的meta关键字,copy下来用到自己的站点上。

这里,我们举一段微软多媒体网站的关键字供你参考:
<meta name="keywords" content="joke, music, MP3, media, audio,
joke of the day, downloads, free music, horoscope, radio, video,
music downloads, movies, radio station, media player, free,
download, weather, horoscopes, windows media technologies,
online, radio station guide, free download">

小资源:人们最常用的一些搜索词(即关键词)可以到
http://www.searchterms.com/
http://eyescream.com/yahootop200.html
两个网址一看,那里有每个月网上最流行搜索词的排行榜.

另外为了提高搜索点击率,这里还有一些"邪门歪道":
1.为了增加关键词的密度,将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。
2.在图象的alt注释语句中加入关键字。
如:<IMG SRC="xxx.gif" Alt="keywords">
3.利用HTML的注释语句,在页面代码里加入大量关键字。
用法: <!--- 这里插入关键字 --->
WebApp里的Meta标签大全 我们前端人员经常写html, 但是老是忽略meta 所以这里关于webap里meta标签的使用定义,这种情况下使用的含义 立即下载

相关推荐

SiC MOSFET驱动设计实战:从特性解析到电路优化

本文深入解析SiC MOSFET的核心特性及其驱动电路设计要点,涵盖高温稳定性、快速开关能力等关键特性,并提供驱动电压配置、电流能力计算、布局优化等实用方案。特别针对第三代电力电子半导体SiC MOSFET的驱动要求,分享STGAP1AS等典型驱动方案的应用技巧,助力工程师解决高频应用中的EMI和热管理挑战。

weixin_29230865的博客 365

前端 学习笔记2 标签

1. HTML语法规范 1.1 基本语法概述 HTML标签是由尖括号包围的关键词 所有的标签都包含在 <> 中,大部分情况下是成对出现的。 双标签: <html></html> 前面的叫开始标签,后面的叫结束标签。(结束标签有 / ) 单标签: <br /> 1.2 标签关系 双标签关系可分为:包含关系 并列关系 包含关系: <head> <title> </title> </head> 并

Neflibata_mo的博客 634

人大金仓V8R3企业版License更新全攻略:从查看到重启一步到位

本文详细解析了人大金仓V8R3企业版License更新的完整运维流程,涵盖从诊断当前授权状态、获取与验证新文件、精准定位旧文件路径,到安全替换文件及服务重启验证的全过程。重点针对更新流程中常见的版本匹配、文件定位、权限与服务重启等关键环节提供了实战解决方案和避坑指南,帮助运维人员高效、平稳地完成授权续期。

redis7keeper的博客 896

常用的meta标签有哪些

常用的meta标签有哪些

weixin_66134429的博客 793

金融行业软件测试面试题(含答案)

6、假如发现了一个BUG,跟开发本身没什么关系,涉及到理念,需求问题,如何解决?11、假如要你测试6个月期限的p2p借款产品,你应该怎么设计案例,说出测试点。17、如果京东有一个购物网页给你,你要怎么进行测试?31、我们公司自动化测试用的语言是Java,Java你不会,该怎么办?23、你们测试用的测试环境是谁给的?24、如果领导分配你的任务超出负荷,领导高估了你的能力,怎么办。26、给你一个模块测试,只有一个星期的时间你如何有效率地完成?29、如果你组长的用例写错了,但他认为是对的,你怎么处理?

crhnb的博客 915

Xilinx PCIe IP核示例工程仿真流程与关键任务解析

本文详细解析了Xilinx PCIe IP核示例工程的仿真流程与关键任务。通过搭建仿真环境、解读初始化日志,并深入剖析TSK_TX_MEMORY_WRITE_32等核心任务的TLP报文生成与交互过程,帮助开发者掌握PCIe IP核的仿真调试方法,为实际硬件设计提供可靠的验证基础。

weixin_28314575的博客 505

html5meat标签,网页meat标签作用及技巧详解

为什么要使用html的meta标签?1、meta标签是内嵌在你网页中的特殊html标签,包含着你有关于你网页的一些隐藏信息。Meat标签的作用是向搜索引擎解释你的网页是有关哪方面信息的。对于高级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西。但是无论如何它是一个优秀网页不可缺少的。下面我们就它进行一些讲解吧。2、meta标签在网站SEO操作中是非常重要的。尽管如此,一般的网页加入m...

weixin_39632293的博客 1039

Java 大视界 -- Java+Spark MLlib 构建智能推荐系统:协同过滤算法实战与优化(441)

Java+Spark MLlib构建智能推荐系统实战 本文详细介绍了基于Java和Spark MLlib构建协同过滤推荐系统的全流程实践方案。主要内容包括: 架构设计:采用离线批处理为主、近实时更新为辅的架构,包含数据采集层、处理层、模型层、推荐生成层、存储层和应用层六大模块,可支撑千万级用户推荐需求。 技术实现: 使用Spark MLlib的ALS算法进行协同过滤模型训练 提供数据清洗、模型训练、推荐生成等核心代码实现 采用MySQL存储推荐结果,支持批量插入和事务保障 生产级优化: 版本化模型存储规避覆

【青云交】华为云云享专家 | 阿里云开发者社区专家博主 技术圈个人影响力前 9 | 博客之星 TOP12 优快云 首位四榜(原力榜 / 作者周榜 / 领军人物 / 综合热榜)榜首,破平台纪录! 苏州地区全榜霸榜,感恩全网十多万粉丝同行! 2531

<meat>标签,以及<html>标签中的lang属性的介绍

<meat content="关键字1,关键字2...关键字N" name="keword"> <meat content="描述的内容" name="description"> (1)<meat>标签中的name属性主要用于描述网页,与对应content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来...

weixin_30294295的博客 238

Maya绑定:人物绑定详细案例(创建骨骼、镜像骨骼、IK创建、IK打组、IK控制器、FK控制器、烘焙动画、导出)

Maya绑定:人物绑定详细案例(创建骨骼、镜像骨骼、IK创建、IK打组、IK控制器、FK控制器、烘焙动画、导出)

m0_45877477的博客 1631

Python 爬虫实战:付费 IP 代理使用技巧与爬虫稳定性优化

付费IP代理实战指南:突破反爬与优化稳定性 本文系统讲解付费IP代理在爬虫项目中的高效应用方法。首先对比分析静态代理、动态代理和隧道代理的优缺点及适用场景,推荐高并发项目优先选择隧道代理。然后详细演示了主流代理服务商的集成方法,包括代理池的自动更新和健康检测机制。核心部分重点介绍了爬虫稳定性优化策略,如智能重试、频率控制和请求间隔优化等关键技术。最后通过压力测试验证优化效果,并提供成本控制方案,包括代理复用、错峰爬取等实用技巧。通过本教程,开发者可有效解决高并发爬虫中的IP封禁问题,显著提升系统稳定性和抗风

2503_91057718的博客 2450

Meta的用法

----------------------------------------------- ? 这就是meta标签的典型运用。meta标签有多少参数,有什么作用,为什么我们要特别重视它呢?让我们一起来发掘meta标签的奥妙! ? 根据HTML语言标准注释:meta标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。...

weixin_33966365的博客 77

微信删除的聊天记录怎么恢复(2024年最新攻略合集)

随着微信对我们生活中方方面面的渗透,微信已然从一款简单的社交软件过渡成为现时代的一种生活方式,而微信中的聊天记录就是我们和朋友之间历程的最好证明。对此,今天我们来聊聊微信删除的聊天记录怎么恢复的问题。

m0_70960708的博客 945

浏览器专属的CSS Hack

为什么80%的码农都做不了架构师?>>> ...

weixin_34268610的博客 150

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Meta标签是什么?它的作用是什么?常见的 meta 属性有哪些?

meta>标签是HTML文档头部(部分)的一个组成部分,用于提供关于文档的元数据。这些元数据可以帮助浏览器解析页面内容、指导搜索引擎索引页面以及告知开发者关于页面兼容性的信息。< meta name = " description " content = " 这里是页面的描述,应该简洁明了地概括页面内容。" >< meta name = " description " content = " 这里是页面的描述,应该简洁明了地概括页面内容。" >

一个做过前端开发的产品经理,经历过睿智产品的折磨导致脱发之后,励志要翻身"农奴"把歌唱,一边打入敌人内部一边持续提升自己,为我们广大开发同胞谋福祉,坚决抵制睿智产品折磨我们码农兄弟! 2640

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

meta标签处理http、https跨域

&lt;!-- 将http请求转成https请求 --&gt; &lt;meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"&gt; 点击访问原文地址

bus_lupe的博客 5294

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

meta标签使用手册

一、meta标签的含义 <meta>是HTML中很常用的标签之一,用于描述一些与当前文档有关的元信息。 所谓元信息,就是用来描述信息的信息。比如我们通过http发送了一个请求,那么请求主体就是我们的目标信息。而用于描述该信息的那些状态参数,如编码格式、超时时间、消息长度等,就是描述目标信息用的信息,它们就被称为元信息。 对于一个HTML文档而言也是一样的。用于描述文档的编码格式、关键字...

夕山雨的博客 5524

META标签的奥妙

META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看到类似下面这段html代码:----------------------------------------------------------------------------------------------这就是meta标签的典型运用。meta标签有多少参数,有什么作用,为什么我们要特别重视它呢?

sole_ghost的专栏 931

META标签详解

META标签除了常用的关键字标签(keywords)和描述标签(description)外,还有其他许多标签,下面我们来详细介绍各种META标签的用法。 1、META标签的keywords 写法为: meat标签的Keywords的的信息参数,代表说明网站的关键词是什么。 2、META标签的Description meat标签的Description的信息参数,代表说明网站的...

iteye_15105的博客 220

meta 标签大全

 相信在html5之前,很少人会关注html页面上head里标签元素的定义和应用场景,可能记得住的只有"title"、"keyword"和"description"这些meta在逐渐了解使用html新标准后,特别是移动页面的开发普及,可以看到html中这一块内容越来越重要为大家所认识,初次见到这些标签基本是摸不着头脑,今天就来梳理这些标签的定义(以html5标准展开);   先来一个页面概括,he...

weixin_34029949的博客 377

meat 标签

meta标签的组成 meta标签共有两个属性: http-equiv属性 name属性 http-equiv属性 相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 meta标签的http-equiv属性语法格式是: <meta http-equiv=”参数” content=”参数变量值”> 其中http-equiv属性主要有以下几种参数: 下面展示一些 内联代码片。 1.&

qq_45932447的博客 1125

HTML中的meta标签详解

<meta>标签的运用

qq_55659160的博客 7895

meta标签的作用及整理

欢迎访文我的博客YangChen’s Blogmeta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道从哪里冒出来的,所以这篇文章专门整理下meta标签,一个必用且关键的标签。什么是meta标签?引自下W3school的定义说明一下。 元数据(metadata)是关于数据的信息。 标签提供

yc123h的博客 5万+

HTML-meat标签

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />

MisTTT的博客 1627

前端测试系列---Meat标签检查Keywords和description

检查内容 标题内容 多个关键字用逗号分开。 meta标签的一些基本用法,其中最重要的就是:Keywords和description的设定。 检查实例 测试检查要求 1)含有Keywords和description 2)Keywords和description中的描述准确 原因 根据现在流行搜索引擎(Lycos,AltaVista等)

我的E家 3823
上一篇: 各种媒体在线播放代码
下一篇: 避免Flash始终位于最上层的解决方法
Jimbor
博客等级 码龄22年 0粉丝 21原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值