<meta>标签的作用

最新推荐文章于 2024-03-26 10:52:28 发布
最新推荐文章于 2024-03-26 10:52:28 发布
阅读量105 收藏
点赞数
原文链接：http://www.cnblogs.com/jstarseven/p/4835856.html
版权

<META> 是放于 <HEAD> 与 </HEAD>之间的标记，功用与变化等对，所以我公式化地介绍。 

<meta name="Description" content="This is Chris's Home Page"> 
该网页的描述，作用于搜索引擎的登录。 

<meta name="Keywords" content="Chris, Web, Music, photo"> 
该网页的关键字，作用于搜索引擎的登录。 

<meta http-equiv="Expires" content="Tue, 09 Dec 1997 00:00:00 GMT"> 
<meta http-equiv="Pragma" content="no-cache"> 
以上行功能相同，都是要浏览器重新载入该页，不要使用快取功能，当然可以修改 Expire （过期）时间。 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
设定这是 HTML 文件及其编码语系，简体中文网页使用charset=gb2312，繁体中文使用charset=big5，或者不设编码也可，纯英文网页建议使用 iso-8859-1。 

<meta name="GENERATOR" content="Mozilla/4.04 [en] (Win95; I) [Netscape]"> 
<meta name="GENERATOR" content="Microsoft FrontPage 3.0"> 
这只表示该网页由什么编辑器写的。 

<meta http-equiv="refresh" content="10; url=http://www.hkiwc.com/"> 
这行较为实用，能于预定秒数内自动转到指定网址。原代码中 10 表示 10秒。


meta 是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和 keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：

 

name 属性


1、＜meta name="Generator" contect=""＞用以说明生成工具（如Microsoft FrontPage 4.0）等；


2、＜meta name="KEYWords" contect=""＞向搜索引擎说明你的网页的关键词；


3、＜meta name="DEscription" contect=""＞告诉搜索引擎你的站点的主要内容；


4、＜meta name="Author" contect="你的姓名"＞告诉搜索引擎你的站点的制作的作者；


5、＜meta name="Robots" contect="all|none|index|noindex|follow|nofollow"＞


其中的属性说明如下：


设定为all：文件将被检索，且页面上的链接可以被查询；


设定为none：文件将不被检索，且页面上的链接不可以被查询；


设定为index：文件将被检索；


设定为follow：页面上的链接可以被查询；


设定为noindex：文件将不被检索，但页面上的链接可以被查询；


设定为nofollow：文件将不被检索，页面上的链接可以被查询。


http-equiv属性


1、＜meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"＞


和 ＜meta http-equiv="Content-Language" contect="zh-CN"＞用以说明主页制作所使用的文字以及语言；


又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；


2、＜meta http-equiv="Refresh" contect="n;url=http://yourlink"＞定时让网页在指定的时间n内，跳转到页面http;//yourlink；


3、＜meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT"＞可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；


4、＜meta http-equiv="Pragma" contect="no-cache"＞是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；


5、＜meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT"＞cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；


6、＜meta http-equiv="Pics-label" contect=""＞网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；


7、＜meta http-equiv="windows-Target" contect="_top"＞强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；


8、＜meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion=50)"＞和＜meta http-equiv="Page-Exit"


contect="revealTrans(duration=20，transtion=6)"＞设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

META标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。 

在有关搜索引擎注册、搜索引擎优化排名等网络营销方法内容中，通常都要谈论META标签的作用，我们甚至可以说，META标签的内容设计对于搜索引擎营销 来说是至关重要的一个因素，尤其是其中的 “description”（网页描述）和“Keywords”（关键词）两个属性更为重要【参见网络营销教学网站的专文介绍：description Keywords 】。尽管现在的搜索引擎检索信息的决定搜索结果的排名很少依赖META标签中的内容，但META标签的内容设计仍然是很重要的。 

从HTML代码实例中可以看到，一段代码中有3个含有meta的地方，并且meta并不是独立存在的，而是要在后面连接其他的属性，如 description、Keywords、http-equiv等。下面简单介绍一些搜索引擎营销中常见的META标签的组成及其作用。 

META标签可分为两大部分：HTTP-EQUIV和NAME变量。 

1、关于META标签中的HTTP-EQUIV 

HTML代码实例中有一项内容是 

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

其作用是指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。根据这一行代码，浏览器就可以识别出这个网页应该用中文简体字符显示。类似地，如果 将 “gb2312”替换为“big5”，就是我们熟知的中文繁体字符了。 

HTTP-EQUIV用于向浏览器提供一些说明信息，从而可以根据这些说明做出相应。HTTP-EQUIV其实并不仅仅只有说明网页的字符编码这一个作用，常用的HTTP-EQUIV类型还包括：网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新时间等。 

2、关于META标签中的"description" 

HTML代码实例中有关"description"中的代码为： 

<meta name="description" content="网络营销教学网站提供《网络营销基础与实践》教学支持:网络营销课件,网络营销论文,网络营销实验教学,电子商务论文,网络营销与电子商务书籍等"> 

"description"中的content="网页描述"，是对一个网页概况的介绍，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来 设计，尽量避免与网页内容不相关的“描述”，另外，最好对每个网页有自己相应的描述（至少是同一个栏目的网页有相应的描述），而不是整个网站都采用同样的 描述内容，因为一个网站有多个网页，每个网页的内容肯定是不同的，如果采用同样的description，显然会有一些网页内容没有直接关系，这样不仅不 利于搜索引擎对网页的排名，也不利于用户根据搜索结果中的信息来判断是否点击进入网站获取进一步的信息。 

3、关于META标签中的"Keywords" 

与META标签中的"description"类似，"Keywords"也是用来描述一个网页的属性，只不过要列出的内容是“关键词”，而不是网页的介 绍。这就意味着，要根据网页的主题和内容选择合适的关键词。在选择关键词时，除了要考虑与网页核心内容相关之外，还应该是用户易于通过搜索引擎检索的，过 于生僻的词汇不太适合做META标签中的关键词。关于META标签中关键词的设计，要注意不要堆砌过多的关键词，罗列大量关键词对于搜索引擎检索没有太大 的意义，对于一些热门的领域（也就是说同类网站数量较多），甚至可能起到副作用
 

转载于:https://www.cnblogs.com/jstarseven/p/4835856.html

weixin_30251587
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用html在网页中制作表格/对应的标签用法与属性/＜table＞标签/＜tr＞标签/＜td＞标签/＜th标签＞/学习笔记
No1banana的博客
02-10 8212
一、创建表格 学会使用html的<table>标签在网页中插入表格 基本语法格式 <table> <tr> <td></td> </tr> tr标签定义行，td标签定义列 </table> 1.案例演示 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>创建表格</ti
JSP标签 <meta>的作用
05-24
很多人忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！
meta标签的作用
xiaozhen0610的博客
06-20 584
meta 标签的作用 此文档介绍< meta>的作用，meta标签共有两个属性，它们分别是http-equiv属性和 name属性。 定义和用法 < meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 < meta> 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 作用 meta 是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜he
meta标签的作用详解
徐刘根的博客
03-09 2407
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是descriptio
详解＜ meta ＞标签常用的属性及方法
大剑师兰特的GIS世界
03-26 1536
`meta`标签在HTML中扮演着至关重要的角色，它能帮助开发者更好地控制网页的呈现方式、提升SEO效果、指导浏览器行为以及其他与网页相关的元数据管理。
<meta> 标签详解
JimmyLuo17的博客
08-08 1035
一、定义和用法<meta> 元素可记录并提供有关页面的元信息（meta-information），比如针对搜索引擎优化（SEO）、定义页面使用语言、自动刷新并指向新的页面、实现网页转换的动效、控制页面显示窗口、更新频度的描述和关键词。<meta> 标签位于文档的头部 <head> 标签中，innerHTML 中不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值（content）对。
HTML中＜meta＞标签的使用方法
Gavin Guo的博客
11-19 3699
<meta>标签是用来描述文档的元数据，所谓的元数据就是描述数据的数据。<meta>就是用来描述html文件的。它被放置在<head></head>之中，<meta>标签不需要设置结束标签，一个尖括号就是一个meta标签的内容。所呈现的数据不会在页面中显示，仅仅只能说明页面的信息，包括关键字、作者、版权等等。它作用于浏览器、搜索引擎以及其他的网络服务。 <meta>标签主要的属性有四种，分别是name、http-equiv、conten
HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍
share something here
09-26 7426
Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W
＜template＞标签的用法
热门推荐
Sfh的博客
09-02 3万+
一、html5中的template标签 template标签，顾名思义，模板的意思 HTML5提供的新标签，更加规范和语义化 可以把列表项放入template标签中，然后进行批量渲染 html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 二、template标签操作的属性和方法 content属性:在js中template标签对应的dom对象存在content属性，对应
HTML基础-01-头部（＜head＞＜title＞＜ base＞＜link＞＜style＞＜meta＞＜script＞），区块元素和内联元素
运维玄德公
03-15 2678
1. 简单应用 1.1 第一个页面 1.2 注释 1.3 水平线 < hr > 2. 头部 < head > 2.1 < title >元素 2.2 < base > 元素 2.3 < link > 元素 2.4 < style > 元素 2.5 < meta > 元素 2.6 < script > 元素 3. 区块元素和内联元素（行内元素） 3.1 区块元素 3.2 内联元素 4. 几个简单示例 4.1 段落 < p > 4.2 分行 < br >...
＜meta＞标签 name=“viewport“ 详解
青颜的天空的博客
03-18 1万+
什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。 Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport
HTML中的<meta>标签的使用详解
09-28
主要介绍了HTML中的<meta>标签的使用，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
meta标签详解(meta标签的作用)
09-28
很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧
meta标签详解
01-02
meta标签详解
基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip
05-31
【优质项目推荐】 1、项目代码均经过严格本地测试，运行OK，确保功能稳定后才上传平台。可放心下载并立即投入使用，若遇到任何使用问题，随时欢迎私信反馈与沟通，博主会第一时间回复。 2、项目适用于计算机相关专业（如计科、信息安全、数据科学、人工智能、通信、物联网、自动化、电子信息等）的在校学生、专业教师，或企业员工，小白入门等都适用。 3、该项目不仅具有很高的学习借鉴价值，对于初学者来说，也是入门进阶的绝佳选择；当然也可以直接用于 毕设、课设、期末大作业或项目初期立项演示等。 3、开放创新：如果您有一定基础，且热爱探索钻研，可以在此代码基础上二次开发，进行修改、扩展，创造出属于自己的独特应用。 欢迎下载使用优质资源！欢迎借鉴使用，并欢迎学习交流，共同探索编程的无穷魅力！ 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip 基于业务逻辑生成特征变量python实现源码+数据集+超详细注释.zip
六一儿童节快乐！（六一儿童节庆祝代码）Vue开发
05-31
六一儿童节快乐！（六一儿童节庆祝代码）Vue开发 like Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and fixes files npm run lint Customize configuration
uniapp聊天工具源码.zip
05-31
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
NX二次开发uc1603 函数介绍
05-31
NX二次开发uc1603 函数介绍，Ufun提供了一系列丰富的 API 函数，可以帮助用户实现自动化、定制化和扩展 NX 软件的功能。无论您是从事机械设计、制造、模具设计、逆向工程、CAE 分析等领域的专业人士，还是希望提高工作效率的普通用户，NX 二次开发 Ufun 都可以帮助您实现更高效的工作流程。函数覆盖了 NX 软件的各个方面，包括但不限于建模、装配、制图、编程、仿真等。这些 API 函数可以帮助用户轻松地实现自动化、定制化和扩展 NX 软件的功能。例如，用户可以通过 Ufun 编写脚本，自动化完成重复性的设计任务，提高设计效率；或者开发定制化的功能，满足特定的业务需求。语法简单易懂，易于学习和使用。用户可以快速上手并开发出符合自己需求的 NX 功能。本资源内容 提供了丰富的中英文帮助文档，可以帮助用户快速了解和使用 Ufun 的功能。用户可以通过资源中的提示，学习如何使用 Ufun 的 API 函数，以及如何实现特定的功能。
【目标检测数据集】遥感类军用飞机检测数据集3800张20类别VOC+YOLO格式.zip
最新发布
05-31
【目标检测数据集】遥感类军用飞机检测数据集3800张20类别VOC+YOLO格式.zip 数据集格式：Pascal VOC格式+YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)：3821 标注数量(xml文件个数)：3821 标注数量(txt文件个数)：3821 标注类别数：20 标注类别名称:["A1","A2","A3","A4","A5","A6","A7","A8","A9","A10","A11","A12","A13","A14","A15","A16","A17","A18","A19","A20"] 每个类别标注的框数： A1 框数 = 1646 A2 框数 = 1726 A3 框数 = 1164 A4 框数 = 642 A5 框数 = 1262 A6 框数 = 436 A7 框数 = 680 A8 框数 = 944 A9 框数 = 1073 A10 框数 = 924 A11 框数 = 501 A12 框数 = 702 A13 框数 = 1652 A14 框数 = 177

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值