• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML的meta标签常见用法集锦

HTML的meta标签常见用法集锦

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含HTML,meta等相关知识,佚名 希望在学习及工作中可以帮助到您

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

基本语法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

示例:

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

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

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

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

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

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

您可能想查找下面的文章:

  • HTML表单提交的几种方式_动力节点Java学院整理
  • HTML表单_动力节点Java学院整理
  • HTML大于号、小于号、空格、引号等常用的转义代码写法一览表
  • HTML中实现鼠标经停时整行(tr)变色
  • html格式化json的实例代码
  • html在消息按钮上增加数量角标的实现代码
  • html页面跳转传递参数问题
  • html、css和js注释规范用法小结
  • Html 实现动态显示颜色块的报表效果(实例代码)
  • html是什么文件 html文件如何打开

相关文章

  • 2017-08-05HTML表单标记教程(3):输入标记
  • 2017-08-05Zen Coding 简易快速的HTML编写
  • 2017-08-05form上传文件后提示保存action的原因及解决方法
  • 2017-08-05在js或css后加?v= 版本号不让浏览器缓存
  • 2017-08-05HTML基本概念详解
  • 2017-08-05探讨HTML不同空格的特性与表现形式(推荐)
  • 2017-08-05div宽度设置width:100%后再设置padding或margin超出父元素的解决办法
  • 2017-08-05使一个input文本框随其中内容而变化长度的方法
  • 2017-08-05通过CSS样式实现的html背景色渐变效果
  • 2017-08-05div与span之间有什么区别

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 掌握常用的用于网页中引用内容的HTML标记
    • html tbody 用法
    • HTML利用超链接打开链接文件的方法介绍
    • 关于使用Textarea的注意事项
    • 详解HTML的<input> 标签及其禁用方法
    • a标签的target链接指向iframe的方法
    • 网页速度优化一览
    • shtml与html的区别说明
    • HTML 基本语法 方便刚开始学习html的朋友
    • web响应式布局中iframe自适应的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有