`
JamesQian
  • 浏览: 55456 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML----meta的作用

    博客分类:
  • HTML
阅读更多

meta标签的常见功能:

      1.帮助主页被各大搜索引擎登录;

      2.定义页面的使用语言;

      3.自动刷新并指向新的页面;

      4.实现网页转换时的动画效果;

      5.网页定级评价;

      6.控制页面缓冲; 

      7.控制网页显示的窗口。

      meta 的属性有两种:name和http-equiv。

      name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。

      name 属性

      1.<meta name="Generator" contect="editplus">用以说明生成工具(如Microsoft FrontPage 4.0)等;

      2.<meta name="KEYWords" contect="webjx,cnrose">向搜索引擎说明你的网页的关键词;

      3.<meta name="Description" contect="webjx's blog">告诉搜索引擎你的站点的主要内容;

      4.<meta name="Author" contect="webjx">告诉搜索引擎你的站点的制作的作者;

      5.<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">

      name属性:

      设定为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" content="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 2004 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页面。

      Duration的值为网页动态过渡的时间,单位为秒。

      Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:

      0:盒状收缩;1:盒状放射;2:圆形收缩;3:圆形放射;4:由下往上;5:由上往下;6:从左至右;7:从右至左;8:垂直百叶窗;9:水平百叶窗;10:水平格状百叶窗;11:垂直格状百叶窗;12:随意溶解;13:从左右两端向中间展开;14:从中间向左右两端展开;15:从上下两端向中间展开;16:从中间向上下两端展开;17:从右上角向左下角展开;18:从右下角向左上角展开;19:从左上角向右下角展开;20:从左下角向右上角展开;21:水平线状展开;22:垂直线状展开;23:随机产生一种过渡方式。

分享到:
评论

相关推荐

    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

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

    Laravel开发-laravel-meta-tags

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

    前端开源库-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 。 npm i babel-plugin-bundled-import...

    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时可以被解析并用于构建更复杂的页面结构。...

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

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

    前端开源库-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视口生成代码 &lt; meta name = " viewport " content = " width = device-width " &gt; ...

    前端开源库-remarkable-meta

    **前端开源库——remarkable-meta详解** 在现代前端开发中,元数据(Metadata)的处理是构建高效、可维护的Web应用的关键部分。`remarkable-meta`是一个专门为Markdown解析器`remarkable`设计的插件,它允许开发者...

    html-meta标签详解

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics