HTML的meta标签常见用法介绍

php中世界最好的语言

发布时间：2018-01-22 10:44:13

2260人浏览过

来源于php中文网

原创

这次给大家带来html的meta标签常见用法介绍，使用html的meta标签的注意事项有哪些，下面就是实战案例，一起来看一下。

什么是mata标签
元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。
meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们都能看到meta标签,不过浏览器的显示页面中是看不到的,也许你认为这些代码可有可无。其实meta标签很重要，会给你的网站带来实际的效果，例如网站描述()会在搜索引擎的索引中得到体现. 例如使用meta标签设置网站的编码是gbk2312还是utf-8meta标签设定关键字

基本语法

<meta  name="keywords"   content="关键字1,关键字2,关键字3....">

关键字标签作用是告诉搜索引擎网站的内容的是关于那些方面的内容,方便搜索引擎对网站的定义和索引.关键字和关键字之间使用英文输入法下的逗号隔开,关键字的长度一般不超过100个字符.
例如我们网站是关于Web开发技术学习的网站,关键字描述可以这么写:

<meta  name="keywords"   content="html教程,css教程,javascript教程">

当用户在搜索引擎搜索这些关键字时,你的网站就能在结果中出现. 但是由于早期很多作弊者(黑帽SEO)利于关键字堆砌作弊,现在的搜索引擎(百度)对关键字不再那么敏感.

立即学习“前端免费学习笔记（深入）”；

meta标签设定描述
语法格式:

<meta  name=“discription”  content=“描述的内容”>

网页的描述很重要,直接能够在搜索引擎中得到体现.例如打开百度网站搜索"新浪"看到以下页面

meta标签设定字符集
语法格式:

<meta http-equiv =“content-type”  content=“text/html;    charset="编码格式”>

常见的编码格式有中文编码(gbk2312)和国际编码(UTF-8) ,gbk2312是中文编码,如果你的网站内容都是中文的就使用gbk2312 UTF-8是国际编码左右的文字通用(包括中文和英文). 它们的主要区别是gbk2312是专门为中文打造的,一个汉字占2个字符. UTF-8是通用的一个汉字占3个字节. 早期的网络带宽资源短缺所以使用gbk2312编码可以节省带宽,提高网页的打开速度,但是现在我们家庭带宽都是4Ｍ起完全忽略节省的那些字节．
示例:

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

我们在浏览网页的时候,大多数人都碰到过乱码的页面把. 编码格式是让浏览器以设定的编辑格式进行解析,如果编码格式不正确就会用出现乱码. 所以我建议使用通用的UTF-8编码,这样全球所有的浏览器访问我们的网页都能正常显示.

meta标签设定自动刷新时间
语法格式

<meta http-equiv=“refresh”  content=“刷新间隔的时间”>

刷新时间以秒为单位,例如论坛的页面只有刷新后才能看到新发布帖子,像这样更新速度很快的页面可以加入自动刷新的代码,保证可以看到最新的页面.
示例:

麻雀企业网站管理系统3.0

主要功能：1、新闻信息：可分多类（内部新闻，外部新闻等）2、产品展示：可分多类（分类一，分类二等）3、网站公告：网站公告添加多数据显示。4、动态添加公司介绍，联系方式等并可以扩展。5、网站留言：前台发布留言后台验证后显示6、新闻信息和产品展示动态添加meta标签：keywords，description ，同时url重写htm页面更好的被搜索引擎收入。后台用户名密码admin

下载

<meta http-equiv=“refresh”  content=“3”>

这里我们演示把时间设定为3秒,请自行测试.

meta标签设定自动跳转新页面
语法格式

<meta http-equiv=“refresh”  content=“跳转间隔的秒数；  Url="新网页地址”>

示例:

<meta http-equiv=“refresh”  content=“3；  Url="http://www.adminwang.com”>

当浏览器打开此页面,3秒后将自动跳转到我们网站的首页.

meta标签设定禁用缓存
语法格式

<meta http-equiv="cache-control"  content="no-cache" />

我们知道浏览器都有个缓存机制,就是打开一个网页会自动保存在本地,这样做的目的在一定的时间内再次访问会直接调用缓存中的文件提高访问速度. 但是像论坛这种时时变化的页面我们不希望浏览器保存缓存文件可以加上这句代码. 在程序开发中还有一个用途,程序调试要时时查看代码修改后的效果可以使用此代码禁用浏览器缓存.
另外的一种写法：

<meta http-equiv="pragma" content="no-cache" >

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关专题

堆和栈的区别

堆和栈的区别：1、内存分配方式不同；2、大小不同；3、数据访问方式不同；4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容，供大家免费下载体验。

430

2023.07.18

堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

599

2023.08.10

什么是搜索引擎

搜索引擎是一种互联网工具，用于帮助用户在网上查找信息。搜索引擎的目标是提供最准确、最有价值的搜索结果，使用户能够快速找到所需的信息。本专题为大家提供搜索引擎相关的各种文章、以及下载和课程。

474

2023.08.02

有哪些目录搜索引擎

目录搜索引擎有Google、Bing、Yahoo、Baidu、DuckDuckGo等。想了解更多目录搜索引擎的相关内容，可以阅读本专题下面的文章。

5712

2023.11.06

搜索引擎营销的主要模式

搜索引擎营销的主要模式包括：1. 竞价排名（ppc）；2. 搜索引擎优化（seo）；3. 本地搜索营销；4. 购物广告；5. 视频广告；6. 展示广告；7. 社交媒体营销；8. 移动广告。想了解更多搜索引擎营销的相关内容，可以阅读本专题下面的文章。

470

2024.05.20

seo页面描述

一个好的SEO页面描述应该包含关键词、简明扼要地概括网页的主题和内容、具有吸引力、与网页内容相符，并且是独特的。它不仅可以帮助搜索引擎了解网页的内容，还可以吸引用户点击进入网页。因此，编写一个优秀的SEO页面描述对于网页的排名和点击率都非常重要。

218

2023.08.31

wordpress seo

WordPress网站SEO优化方法有：1、选择一个SEO友好的主题，具有清晰的代码结构，快速的加载速度和响应式设计；2、使用SEO插件，优化你的标题标签，元描述，关键字，XML站点地图等；3、优化你的内容，内容是SEO优化的核心；4、优化你的网站速度；5、创建友好的URL；6、使用内部链接；7、优化图像；8、使用社交媒体；9、定期更新你的网站；10、监控和分析你的网站等等。

433

2023.09.18

SEO诊断方法有哪些

SEO诊断是一个综合性的工作，需要从网站结构、关键词优化、内容质量、外部链接、网站速度、移动友好性等多个方面进行评估和优化。通过进行SEO诊断，可以帮助网站提高在搜索引擎中的排名，从而增加流量和曝光度。

297

2023.10.09

Golang 测试体系与代码质量保障：工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链（如go test）、单元测试、集成测试及端到端测试实践，结合代码覆盖率分析、静态代码扫描（如go vet）和动态分析工具，建立全链路质量监控机制。通过自动化测试框架、持续集成（CI）流水线配置及代码审查规范，实现测试用例管理、缺陷追踪与质量门禁控制，确保代码健壮性与可维护性，为高可靠性工程系统提供质量保障。

2026.02.28

热门下载

网站特效

网站源码

网站素材

前端模板