HTML的meta标签常见用法集锦

时间:2017-04-09

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

基本语法

XML/HTML Code复制内容到剪贴板
  1. <meta  name="keywords"   content="关键字1,关键字2,关键字3....">  

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

XML/HTML Code复制内容到剪贴板
  1. <meta  name="keywords"   content="html教程,css教程,javascript教程">  

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

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

XML/HTML Code复制内容到剪贴板
  1. <meta  name=“discription”  content=“描述的内容”>  

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

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

XML/HTML Code复制内容到剪贴板
  1. <meta http-equiv =“content-type”  content=“text/html;    charset="编码格式”>  

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

XML/HTML Code复制内容到剪贴板
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >  
  • 共2页:
  • 上一篇1/2
  • 下一页
  • 上一篇:HTML基础总结推荐(段落) 下一篇:HTML的a标签href属性指定相对路径与绝对路径的用法讲解

    相关文章

    最新文章