<meta> 元素使用详解

meta标记
  meta标记看似是HTML语言HEAD区的一个辅助性标签,其实它的作用很大。META标签共有两个属性,它们分别是Http-equiv属性和Name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
 1.Name属性
  Name属性主要用于描述网页,与之对应的属性值为Content,Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
  Meat标签的Name属性语法格式是:
  
<meta name="参数" content="具体的参数值">   
  其中Name属性主要有以下几种参数:
  A.Keywords(关键字)
  说明:Keywords用来告诉搜索引擎你网页的关键字是什么。
  举例:
    
<meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human">   
  B.Description(网站内容描述)
  说明:Description用来告诉搜索引擎你的网站主要内容。
  举例:
  
<meta name="description" content="This page is about the meaning of science, education,culture.">   
  C.Robots(机器人向导)
  说明:Robots用来告诉搜索机器人需要索引的页面有哪些。
  Content的参数有All、None、Index、Noindex、Follow、Nofollow。默认是All。
  举例:
  
<meta name="robots" content="none">  
  D.Author(作者)
  说明:标注网页的作者
  举例:
  
<meta name="author" content="zys666,zys666@21cn.com">  
 2.Http-equiv属性
  Http-equiv,顾名思义,相当于HTTP的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确显示网页内容,与之对应的属性值为Content,Content中的内容其实就是各个参数的变量值。
  Meat标签的Http-equiv属性语法格式是:
 
<meta http-equiv="参数" content="参数变量值">   
  
 其中Http-equiv属性主要有以下几种参数:
  A.Expires(期限) 
  说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。
  用法:
<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">  
  注意:必须使用GMT的时间格式。
  B.Pragma(Cache模式)
  说明:禁止浏览器从本地计算机的缓存中访问页面内容。
  用法:
<meta http-equiv="pragma" content="no-cache">   
  注意:这样设定访问者将无法脱机浏览。
  C.Refresh(刷新)
  说明:自动刷新并指向新页面。
  用法:
<meta http-equiv="refresh" content="2;url=http://www.onchina.net">  
  注意:其中的"2"是指停留2秒钟后自动刷新到URL网址,可以更改,但建议不要改得太大。
  D.Set-cookie(Cookie设定)
  说明:如果网页过期,那么存盘的Cookie将被删除。
  用法:
<meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT;path=/">   
  
  注意:必须使用GMT的时间格式。
  E.Window-target(显示窗口的设定)
  说明:强制页面在当前窗口以独立页面显示。
  用法:
<meta http-equiv="window-target" content="_top">  
  注意:用来防止别人在框架里调用自己的页面。
  F.Content-type(显示字符集的设定)
  说明:设定页面使用的字符集。
  用法:
<meta http-equiv="content-type" content="text/html; charset=gb2312">     

G.Content-type((进入页面时产生一些特殊效果)
  说明:这些特殊效果只对在 top 中进入的新页面有效。
  用法:
< meta http-equiv="Page-Enter" content= "revealTrans(Duration=5.0,Transition=n)" > 

其中,n的取值范围为0-23,具体的意义如下:

0 矩形缩小 1 矩形扩大 2 圆形缩小  

3 圆形扩大 4 下到上 5 上到下 

6 左到右 7 右到左 8 竖百叶窗 

9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗 

12 点 13 左右到中间 14 中间到左右 

15 中间到上下 16 上下到中间 17 右下到左上 
      18 右上到左下 19 左上到右下 20 左下到右上 
      21 横条 22 竖条 23 以上 
      24种随机选择一种

【25届数字IC秋招总结】面试经验10——紫光同芯 25届数字ic面试记录——紫光同芯 阅读详情

相关推荐

ROS2实战:从零部署Cartographer激光SLAM系统

本文详细介绍了在ROS2 Humble环境下,从零开始部署Cartographer激光SLAM系统的完整实战流程。内容涵盖环境准备、Cartographer安装(APT与源码编译两种方式对比)、工作空间与功能包创建、核心启动文件与Lua配置文件编写、系统构建与可视化启动,以及地图保存与实战调参技巧,帮助开发者快速构建稳定可靠的机器人SLAM应用。

weixin_29213655的博客 248

meta元数据元素

HTML元素表示那些不能由其他 HTML标签(等)表示的元数据信息。

mantou_riji的博客 2434

西门子1500T系列凸轮同步(CAMIN指令用法)

添加凸轮工艺对象(TO_CAM),也就是凸轮表。开始编程,先写2个轴的使能、回原点与主轴的定位。监控主轴与从轴的位置、速度关系是否满足实验要求。1.添加工艺对象(1个定位轴,1个同步轴)调用CAMIN指令 ,凸轮耦合。主轴为旋转轴且为模数轴。3.调用插补凸轮盘指令。4.仿真、监控、调试。

gyxgyx789的博客 1万+

meta元素

meta元素是元数据的缩写,用来描述其他数据的数据。在HTML文档中meta描述HTML文档的内容。一个head元素可以包含多个meta元素,每个meta元素使用的名称/值对结构提供了单个的数据点。 名称部分根据所设置的数据类型在name特性或者http-equiv特性中定义,值部分由content特性指定。 &lt;meta name="author" content="Mark J C...

熟悉路线的博客 7096

从零开始的立绘拆包教程

蓝毒小天使天下第一! 本文拆包教程不限于明日方舟,在后面也会给出其他手游的拆包教程,例如少女前线 首先拆包最简单的无非就是拆取游戏资源,例如游戏立绘,音频,视频等,再深层次一点有拆取游戏配置文件,apk反编译得到部分源码 在本文,我们只介绍拆取游戏资源和对游戏资源的后期处理(因为另外两个讲道理我也没太搞懂,虽然可以提取游戏配置文件,但似乎大部分重要的数据都有加密,反编译出来的源码也只是部分,...

Conyrol的博客 9万+

SAP RAP 校验全流程:从 EML 读取到消息上屏与阻止落库

本文系统梳理了 SAP ABAP RAP 中的校验流程(The Validation Process),结合 Airline/Connection 案例,详细讲解了三类核心校验:语义键唯一性、外键有效性和字段间一致性。文章覆盖了 EML 的 READ ENTITIES 操作、reported-* 与 failed-* 结构的使用方法、消息创建与字段绑定技巧,以及处理草稿数据时的 UNION 查询策略。通过代码示例演示了如何实现校验逻辑、生成错误消息并阻止无效数据持久化,同时提供了常见问题的排查建议。全文注重

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 334

meta标签知识

概览 meta标签一般放在整个html页面的head部分,在MDN中对他这样定义: meta是文档级元数据元素,用来表示那些不能由其它 HTML 元相关元素(<base>、<link>, <script>、<style>或 <title>)之一表示的任何元数据。 是不是感觉看起来很抽象?说白了就是为了传达信息。 先看看meta 元素定义的元数据的类型: 如果设置了 name属性,meta 元素提供的是文档级别的元数据,应用于整个页面。

u014645827的博客 1048

7、布尔网络的基础定义

本文介绍了布尔网络的基础定义及其在系统生物学中的应用。布尔网络是一种描述复杂系统动态行为的数学模型,由布尔变量和布尔函数组成,能够模拟生物系统中基因调控、信号传导和细胞代谢等过程。文章详细阐述了布尔网络的基本结构、动力学特征(如状态转移图和吸引子),以及其在生物建模中的重要价值,并探讨了优化和简化技术(如Backward Boolean Equivalence)如何提升其计算效率。

yhn45678901的博客 263

常用<meta>元素整理与详解

元素详解与常用整理 定义与用法: 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。 说明: 在 HTML 中, 标签没有结束标签。 在 XHTML 中, 标签必须被正确地关闭。 标签永远位于 head 元素内部。 元数据总是以名称/

zb_ctrl的博客 1949

Python + Playwright:集成 Applitools 进行视觉回归测试(快速入门)

Applitools是一款基于人工智能的视觉验证测试工具,专门用于自动化和验证应用程序的用户界面(UI);Applitools使用视觉回归测试来检测应用程序界面的变化,确保 UI 在不同版本之间的一致性;Applitools的核心功能是通过视觉比较,检测 UI 元素的差异,而无需手动编写复杂的界面检查代码;通过集成Applitools,测试人员可以轻松捕捉和验证界面中的视觉差异,无论是在Web移动端或桌面应用的测试环境;

blues_C的博客 2921

【Envi遥感图像处理】022:envi时空分析工具的使用

本文介绍了ENVI软件中的时空分析工具应用,以美国拉斯维加斯1975-2014年的9期Landsat数据为例。主要内容包括:1)时空分析概念,即对空间相关时间序列数据的建模分析;2)构建时序数据流程,通过添加栅格、时间排序等步骤生成.series格式时序文件;3)时序数据查看方法,包括动画播放、添加注记及保存视频;4)多源数据统一处理工具,解决坐标系、空间范围不一致问题。该工具可用于冰川变化、植被覆盖等时空变化研究。

智慧空间实验室 270

meta元素的介绍与使用

meta元素在HTML中占据了着很重要的位置,其作用是不可替代的。 一、meta元素是什么: meta元素是html中的一个头部标签,通常用于描述网页的一些基本信息。 二、meta元素都有哪些属性: meta元素包含四大属性: charset、 content 、http-equiv、name; 1.charset 这个属性声明页面的字符编码,如果某个元素使用lang属性,他将被局部的

mqqqq_1的博客 8588

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

<meta> 元素

&lt;meta&gt; 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。&lt;meta&gt; 标签位于文档的头部,不包含任何内容。&lt;meta&gt; 标签的属性定义了与文档相关联的名称/值对。     http://baike.baidu.com/view/953191.htm ...

每天进步1% 112

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

HTML <meta>元素

描述 meta标签描述了一些基本的元数据。 <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。 META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。 元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。 <meta>一般放置于 <head>区域 属性与实例...

weixin_34377065的博客 167

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

<meta>元素

HTML <meta> 元素 meta标签描述了一些基本的元数据。 <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。 META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。 元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。 <meta>一般放置于 &lt...

weixin_34198762的博客 88

HTML之——<meta> 元素是什么

发现项目里面的前端页面,手机设备的页面,有一些没见过的meta标签,感到好奇,因为之前被问到一个关于手机前端的问题,我只回答了自己不懂当时对适配是怎么做到是很有兴趣的,刚好找到了一篇比较好的文章。 前端方面还有一个特别的问题,就是标签,有时候后是有时候只有 无内容的标签。 所以不需要 ,因为这样没有意义 ,而xhtml规定一定要 但是html是没有强制要求的。 进入

iaiti的专栏 4065

<meta> 元素详解

标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 —— W3School

1594

HTML5的<meta> 元素移动端的使用技巧

概念 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 —— W3School 属性 key :name, value:author / description / keywords / generator / revised / others key:ht

lskshz的专栏 492

html <meta>元素的常用方法

元素位于之间,常有以下用法: v用来标记搜索引擎在搜索你的页面时所取出的关键词 <meta name=“keywords” content=“具体的关键字"> v用来标记文档的作者 <meta name=“author” content=“作者的姓名"> v用来标记你的页面的解码方式 <meta http-equiv=“Content-

yhonghua的专栏 531

HTML <meta> 元素

前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下,终于找个个描述得比较全的网站(点击进入),本人有点强迫症,硬是把它写进自己的博客,当然这还不是最全的,以后会慢慢修改至完整。 基本标签 声明文档使用的字符编码 meta charset='utf-8'> 声明文档的兼

hwye90的专栏 276

<meta>标签元素的属性理解

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是descripti...

weixin_34221775的博客 109

HTML笔记(七)head相关元素<base> & <meta>

  <head>元素是所有头部元素的容器。   可添加的标签有:<title>、<base>、<link>、<meta>、<script>和<style>。 <base>元素   <base>标签规定了页面上的所有链接的默认地址或默认目标target。 <...

aws10686的博客 260

HTML5标签之<meta>

学习自W3school-html5 定义和用法: 元素可以提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。标签的属性定义了与文档相关联的名称/值对。 html4.01与HTML5之间的差异: 在HTML中,不再支持scheme属性; 在HTML5中,有一个新的charset属性,它使字符集

乱七八糟的 1294

<meta> 元素可提供有关页面的相关元信息小结篇

<meta> 元素可提供有关页面的相关元信息小结篇

fighting_sunnyGirl的博客 510
上一篇: tomcat 远程重启 bat
下一篇: 解决oracle客户端乱码——SQLPLUS乱码解决
MyJavaBlog
博客等级 码龄16年 11粉丝 126原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值