`
tianjun309
  • 浏览: 367062 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

HTML--META

阅读更多

1.定义语言 

  格式: 

  〈meta  http-equiv=〃Content-Type〃  content=〃text/html;  charset=gb2312〃〉 

  这是META最常见的用法,在制作网页时,在纯HTML代码下都会看到它,它起的作用是定义你网页的语言,当访客浏览你的网页时,浏览器会自动识别并设置网页中的语言,如果你网页设置的是GB码,而访客没有安装GB码,这时网页只会呈现访客人所设置的浏览器默认语言。同样的,如果该网页是英语,那么charset=en。 

  2.描述网页 

  格式: 

  〈meta  name=〃Keywords〃  CONTENT=〃china,enterprise,business,net〃〉 

  META也常用来描述网页,以供某些搜索站台机器人的使用。大家知道,搜索站台分为两大类,一类为完全人工登录,比如Yahoo;另一类为机器人搜索,以机器人搜索的搜索站台会包含更多的内容。机器人会搜索网页META标签中所设置的描述关键字,把它们加入到搜索数据库中,用来索引你的网页。而这个标签很少有人注意到。在格式中,Content列出了你所设置的关键字,这其中的内容可以自行设置,其间用逗号相隔。这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如: 

  〈meta  name=〃Keywords〃  CONTENT=〃china,china,china,china〉 

  3.自动刷新页面 

  格式: 

  〈meta  HTTP-EQUIV=〃refresh〃  CONTENT=〃8;  URL=http://c98.yeah.net〃〉 

  大家在浏览某一个网页时,会发现有些页在数秒后自动转到另外一页,这就是META的刷新作用,在CONTENT中,8代表设置的秒数,而URL就是过8秒后自动连接的网页地址。 

  4.网页定级评价 

  格式: 

  〈META  http-equiv=〃PICS-Label〃   

  content=′(PICS-1.1  〃http://www.rsac.org/ratingsv01.html〃   

    l  gen  true  comment  〃RSACi  North  America  Server〃 

    for  〃http://www.rsac.org〃 

    on  〃1996.04.16T08:15-0500〃 

    r  (n  0  s  0  v  0  l  0))′〉 

  在Internet  Explorer  4.0浏览器Internet选项中有一个内容设置,它可以防止浏览一些受限制的网站,而之所以浏览器会自动识别某些网站是否受限制,就是因为在网站META标签中已经设置好了该网站的级别,而该级别的评定是由美国RSAC,即娱乐委员会的评级机构评定的,如果你需要评价自己的网站,可以连接到网站http://www.rsac.org/,按要求提交表格,那么RSAC会提供一段META代码给你,复制到自己网页里就可以了。 

  5.控制页面缓冲 

  格式: 

  〈meta  HTTP-EQUIV=〃expires〃  CONTENT=〃TUE,11.NOV  1998  00:00  GMT〃〉 

  META可以设置网页到期的时间,也就是说,当你在Internet  Explorer  4.0浏览器中设置浏览网页时首先查看本地缓冲里的页面,那么当浏览某一网页,而本地缓冲又有时,那么浏览器会自动浏览缓冲区里的页面,直到META中设置的时间到期,这时候,浏览器才会去取得新页面。 

  6.META的属性 

  HTTP-EQUIV=〃....〃  HTTP响应的标题头; 

  name=〃.....〃  META信息的名称; 

  content=〃....〃  META信息的具体内容; 

  scheme=〃...〃  META信息的图解。

分享到:
评论

相关推荐

    vue单页面seo(prerender-spa-plugin,vue-meta-info)

    为了解决这个问题,开发者可以使用 `prerender-spa-plugin` 和 `vue-meta-info` 这两个工具来优化Vue.js应用的SEO。 `prerender-spa-plugin` 是一个Vue CLI插件,用于在构建时预先渲染Vue.js应用程序的特定路由。预...

    Atom-meta-extractor,超简单快速的HTML页面元数据提取器,具有低内存占用.zip

    Atom-meta-extractor是一款专为HTML页面元数据提取设计的高效工具,它以其超快的速度、低内存占用和简洁的操作方式而受到青睐。元数据在网页中扮演着至关重要的角色,它们包含了网页的各种信息,如标题、描述、...

    Laravel开发-laravel-meta-tags

    在本文中,我们将深入探讨Laravel开发中的一个重要组件——`laravel-meta-tags`。这个开源包主要用于管理和生成网页的头部元信息(meta tags)以及开放图谱(Open Graph, OG)标记,对于优化网站的SEO(搜索引擎优化...

    Laravel开发-laravel-meta

    - **Open Graph 和 Twitter Cards**:`laravel-meta`不仅支持基本的HTML元标记,还支持SEO优化的Open Graph和Twitter Cards协议。通过`addOpenGraph()`和`addTwitterCard()`方法,可以轻松设置这些高级元数据,以...

    前端开源库-react-document-meta

    React Document Meta 是一个针对React框架设计的开源库,主要用于处理HTML文档的元(meta)标签。在前端开发中,元标签对于网页的SEO优化、社交媒体分享预览等场景至关重要。这个库提供了一种声明式、可嵌套和有状态...

    babel-plugin-bundled-import-meta:Babel插件重写import.meta以用于捆绑使用

    babel-plugin-bundled-import-meta Babel插件可重写import.meta.url以供捆绑使用。 安装babel-plugin-bundled-import-meta 此模块需要node.js 10或更高版本以及@babel/core 。... " bundleDir " : " html " }] ]

    PyPI 官网下载 | power-daps-meta-model-java-9-0.0.3.tar.gz

    标题中的"PyPI 官网下载 | power-daps-meta-model-java-9-0.0.3.tar.gz"表明这是一个从Python Package Index(PyPI)官方源下载的软件包,名为"power-daps-meta-model-java-9-0.0.3.tar.gz"。PyPI是Python开发者发布...

    前端开源库-meta-remarkable

    `meta-remarkable`则在其基础上增加了对YAML元数据的支持,允许开发者在Markdown文档的开头添加结构化的元信息,如文章标题、作者、创建日期等,这些信息在生成HTML时可以被解析并用于构建更复杂的页面结构。...

    前端开源库-get-meta-file

    "get-meta-file"就是一个这样的开源库,专为前端开发者设计,用于获取元文件及其内容。元文件通常指的是HTML、JSON或其他格式的文件,它们包含有关项目或资源的重要信息,例如元数据、配置或版本信息。下面我们将...

    node-md-meta-cataloger-main-源码.rar

    《深入剖析Node.js Markdown元数据目录器(node-md-meta-cataloger-main)源码》 在当前的开源社区中,Node.js作为一个强大的JavaScript运行环境,被广泛应用于构建各种Web应用和服务。其中,Markdown作为一种轻量级...

    Laravel开发-meta-tags

    在Web开发中,Meta-Tags扮演着至关重要的角色,它们为搜索引擎优化(SEO)提供了关键信息,同时也影响了用户在浏览器中的页面体验。在Laravel框架中,管理和控制这些元标记变得尤为简单,通过使用特定的包,如...

    Laravel开发-laravel-meta-tags .zip

    总结来说,`laravel-meta-tags`是Laravel开发中一个强大的工具,它使得管理网站的meta标签变得更加简单,无论是对于SEO优化还是社交媒体分享,都能提供极大的便利。通过学习和应用这些知识点,你可以更高效地构建...

    html-meta-tags-hero:HTML Meta标签完整列表的摘要,使您的网站排名第一

    html-meta-tags-hero HTML Meta标签完整列表的摘要,使您的网站排名第一 用法 只需输入meta的名称即可生成代码示例:为meta视口生成代码 < meta name = " viewport " content = " width = device-width " > ...

    meta-theme-color:从元标记解析 HTML 主题颜色

    从元标记解析 HTML 主题颜色安装$ npm install --save meta-theme-color用法 var metaThemeColor = require ( 'meta-theme-color' ) ;metaThemeColor ( '<meta name="theme-color" content="#3372DF">' ) ;// ...

    前端开源库-remarkable-meta

    例如,它可以与`handlebars`或`pug`一起生成HTML页面,或者与`gatsby`、`hexo`等静态站点生成框架协同工作,自动化处理Markdown文档的元数据,生成SEO友好的网页。 总的来说,`remarkable-meta`是`remarkable`生态...

    页面的缓存与不缓存设置及html页面中meta的作用

    本篇将详细阐述如何设置页面的缓存与不缓存,以及HTML页面中`meta`标签的作用。 首先,页面缓存主要通过HTTP协议头信息来控制。HTTP1.0使用`Pragma`字段,而在HTTP1.1中,`Cache-Control`字段成为了更强大的控制...

    -doctype-html-html-lang-en-dir-ltr-head-meta-name:

    标题中的"-doctype-html-html-lang-en-dir-ltr-head-meta-name"是一个HTML文档的声明部分,它在HTML5中通常表示文档类型。这个特定的声明没有使用完整的语法,而是以破折号分隔各个部分,看起来像是某种简写或示例。...

    html-meta标签详解

    HTML中的<meta>标签是位于网页头部与之间的辅助性标签,它在网页设计中发挥着关键作用。meta标签为浏览器和搜索引擎提供了重要信息,这些信息用来控制页面的描述、关键词、刷新率以及其他多种功能。meta标签大致可以...

Global site tag (gtag.js) - Google Analytics