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:随机产生一种过渡方式。
分享到:
相关推荐
为了解决这个问题,开发者可以使用 `prerender-spa-plugin` 和 `vue-meta-info` 这两个工具来优化Vue.js应用的SEO。 `prerender-spa-plugin` 是一个Vue CLI插件,用于在构建时预先渲染Vue.js应用程序的特定路由。预...
Atom-meta-extractor是一款专为HTML页面元数据提取设计的高效工具,它以其超快的速度、低内存占用和简洁的操作方式而受到青睐。元数据在网页中扮演着至关重要的角色,它们包含了网页的各种信息,如标题、描述、...
- **Open Graph 和 Twitter Cards**:`laravel-meta`不仅支持基本的HTML元标记,还支持SEO优化的Open Graph和Twitter Cards协议。通过`addOpenGraph()`和`addTwitterCard()`方法,可以轻松设置这些高级元数据,以...
在本文中,我们将深入探讨Laravel开发中的一个重要组件——`laravel-meta-tags`。这个开源包主要用于管理和生成网页的头部元信息(meta tags)以及开放图谱(Open Graph, OG)标记,对于优化网站的SEO(搜索引擎优化...
React Document Meta 是一个针对React框架设计的开源库,主要用于处理HTML文档的元(meta)标签。在前端开发中,元标签对于网页的SEO优化、社交媒体分享预览等场景至关重要。这个库提供了一种声明式、可嵌套和有状态...
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"表明这是一个从Python Package Index(PyPI)官方源下载的软件包,名为"power-daps-meta-model-java-9-0.0.3.tar.gz"。PyPI是Python开发者发布...
`meta-remarkable`则在其基础上增加了对YAML元数据的支持,允许开发者在Markdown文档的开头添加结构化的元信息,如文章标题、作者、创建日期等,这些信息在生成HTML时可以被解析并用于构建更复杂的页面结构。...
本篇将详细阐述如何设置页面的缓存与不缓存,以及HTML页面中`meta`标签的作用。 首先,页面缓存主要通过HTTP协议头信息来控制。HTTP1.0使用`Pragma`字段,而在HTTP1.1中,`Cache-Control`字段成为了更强大的控制...
"get-meta-file"就是一个这样的开源库,专为前端开发者设计,用于获取元文件及其内容。元文件通常指的是HTML、JSON或其他格式的文件,它们包含有关项目或资源的重要信息,例如元数据、配置或版本信息。下面我们将...
《深入剖析Node.js Markdown元数据目录器(node-md-meta-cataloger-main)源码》 在当前的开源社区中,Node.js作为一个强大的JavaScript运行环境,被广泛应用于构建各种Web应用和服务。其中,Markdown作为一种轻量级...
在Web开发中,Meta-Tags扮演着至关重要的角色,它们为搜索引擎优化(SEO)提供了关键信息,同时也影响了用户在浏览器中的页面体验。在Laravel框架中,管理和控制这些元标记变得尤为简单,通过使用特定的包,如...
总结来说,`laravel-meta-tags`是Laravel开发中一个强大的工具,它使得管理网站的meta标签变得更加简单,无论是对于SEO优化还是社交媒体分享,都能提供极大的便利。通过学习和应用这些知识点,你可以更高效地构建...
html-meta-tags-hero HTML Meta标签完整列表的摘要,使您的网站排名第一 用法 只需输入meta的名称即可生成代码示例:为meta视口生成代码 < meta name = " viewport " content = " width = device-width " > ...
**前端开源库——remarkable-meta详解** 在现代前端开发中,元数据(Metadata)的处理是构建高效、可维护的Web应用的关键部分。`remarkable-meta`是一个专门为Markdown解析器`remarkable`设计的插件,它允许开发者...
HTML中的<meta>标签是位于网页头部与之间的辅助性标签,它在网页设计中发挥着关键作用。meta标签为浏览器和搜索引擎提供了重要信息,这些信息用来控制页面的描述、关键词、刷新率以及其他多种功能。meta标签大致可以...
从元标记解析 HTML 主题颜色安装$ npm install --save meta-theme-color用法 var metaThemeColor = require ( 'meta-theme-color' ) ;metaThemeColor ( '<meta name="theme-color" content="#3372DF">' ) ;// ...
标题中的"-doctype-html-html-lang-en-dir-ltr-head-meta-name"是一个HTML文档的声明部分,它在HTML5中通常表示文档类型。这个特定的声明没有使用完整的语法,而是以破折号分隔各个部分,看起来像是某种简写或示例。...