javaWeb学习总结(4)- HTML 关于head中的<meta>标签
关于<meta> 标签
<meta>标签出现在网页的标题部分,这些信息并不会出现在浏览器页面的显示之中,只会显示在源代码中。也就是在...当中。
主要用途是设置网页语言的编码方式。
一般这样来进行设置:
<head>
<meta http-equiv="Content-Type" content="text/html"
charset=gb2312>
</head>
http-equiv传送HTTP通信协议的标头,content中定义页面的内码。
charset用于设置网页的编码语系,简体中文网页使用charset=gb2312,繁体中文使用big5,纯英文的建议使用iso-8859-1。
当然还可以提供文档的关键字、作者、描述等多种信息。
在HTML的头部是可以包括任意数量的<meta>标记的
(1).设定关键字:
关键字是为搜索引擎提供的,例如一个音乐网站,为了提高在搜索引擎中被搜索到的机率,可以设定多个和音乐主题相关的关键字以便搜索。
需要注意的是:大多数搜索引擎检索时都会限制关键字的数量,有时过多,可以就会在检索中被忽略。所以不宜过多。关键字之间用逗号分隔。
基本语法:<meta name="keywords"
content="value">
这里的keywords为关键字定义,而content中的值则是关键字的内容。
(2).设置作者:
<meta name="author"
content="作者的信息">
(3).设置自动刷新:
使用HTTP-equiv属性中的Refresh能够设定页面的自动刷新,就是每隔几秒的时间刷新页面的内容。例:论坛消息的自动更新。
例:<meta http-equiv="refresh"
content="180">
则页面每隔三分钟自动刷新一次,180秒为3分钟。
(4).设定自动跳转:
如果我们的网站地址有所变化,希望在当前的页面中等等几秒钟之后就自动中转到新的网站地址,可以通过设定中转时间和地址来实现。
现在自动跳转特性已经被越来越多的网站所采用。如:可以先在一个页面上显示欢迎信息,经过一段时间,自动跳转到指定的网页上。
例:<meta http-equiv="refresh"
content="10;url=http//www.baidu.com">
http-equiv传送HTTP通信的标头,Refresh代表刷新,Content中写的是跳转间隔的秒数以及跳转后打开的文件地址。
那么上面的那句话的意思就是:在10秒后页面跳转到百度中去。
(5).设定转场效果:
转场效果即网页过渡,是择时当进入或离开网站时,页面具有不同的切换效果,添加此功能可以使网页看起来更具有动感。
例:<meta http-equiv="page-Enter或page-exit"
content="revealtrans(duration=3,transition=21)">
page-Enter表示进入网页时有网页过渡效果。page-exit表示退出网页时有网页过渡效果。
duration中写下的是网页过渡效果的延续时间,单位为秒。
transition中写下过渡效果的方式编号。
上面语句的意思是:在网页进入或退出时,延时3秒,使用效果编号为21的效果。
过渡效果的编号及含义:
盒状收缩:0 盒状展开:1 圆形收缩:2
圆形展开:3 向上擦除:4 向下擦除:5
向左擦除:6 向右擦除:7 垂直百叶窗:8
水平百叶窗:9 横向棋盘式:10 纵向棋盘式:11
溶解:12 左右向中部收缩:13 中部向左右展开:14
上下向中部收缩:15 中部向上下展开:16 阶梯状向左下展开:17
阶梯状向左上展开:18 阶梯状向右下展开:19 阶梯状向右上展开:20
随机水平线:21 随机垂直线:22 随机:23
(6).设置禁用缓存:
<meta http-equiv="cache-control"
content="no-cache">
cache-control为缓存控制,content中定义禁止缓存。
(7).设置网页的有效期限:
<meta http-equiv="expires" content="sat,11 dec 2004
11 25 59 GMT">
到期时间为2004年12月11日星期六上午11点25分59秒
详细参考w3c介绍:http://www.w3school.com.cn/tags/tag_meta.asp
javaWeb学习总结(4)- HTML 关于head中的<meta>标签的更多相关文章
- HTML中的<meta>标签的使用
HTML中<meta>标签的使用 在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTM ...
- Javaweb学习笔记6—EL表达式与JSTL及自定义标签
今天来讲javaweb的第六阶段学习. EL表达式与JSTL及自定义标签是对上篇文章介绍的JSP的扩展,不能说是很重要的东西,但是也要了解. 老规矩,首先先用一张思维导图来展现今天的博客内容. ps: ...
- Javaweb学习笔记——(十三)——————JSTL、JSTL核心标签库、自定义标签、有标签体的标签、带有属性的标签、MVC、Javaweb三层框架
JSTLApache提供的标签库 jar包:jstl-1.2.jar,如果传MyEclipse,他会在我们导入jar包,无需自己导入,如果没有使用MyEclipse那么需要自行导入.--------- ...
- 手机页面中的meta标签
以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta ...
- HTML中的meta标签常用属性及其作用总结
文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTM ...
- HTML 中的meta标签中的http-equiv与name属性使用介绍
meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...
- 浅析网站开发中的 meta 标签的作用
*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...
- html中的meta标签是什么?有哪些属性?
meta标签介绍 meta标签是HTML语言head区域的一个辅助性标签,常用于定义页面的说明,关键字,最后修改的日期和其他的元数据.这些元数据将服务于浏览器,搜索引擎和其他网络服务. meta标签的 ...
- HTML中的Meta标签详解
emta标签的组成:meta标签分两大部分:HTTP-EQUIV和NAME变量. HTTP-EQUIV:HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显 ...
随机推荐
- 【转】DHCP的请求过程
首先你得清楚DHCP的请求过程:1.client向server发送请求,发向广播地址2.server向client回应一个IP,发向单播地址3.client向server回应一个确认,发向广播地址,表 ...
- JavaScript基础学习(五)—其他引用类型
JavaScript定义了两个内置对象: Global和Math. 一.Global对象 1.URI编码方法 Global对象的encodeURI()和encodeURICompo ...
- 使用HTTP的同步方式还是异步方式?
同步与异步 同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事 异步: 请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完 ...
- AFNetworking 用法详解
之前一直使用ASIHttpRequest 做网络请求 ,后来新公司用AFNetWorking ,经过一段时间学习总结一下二者的优缺点: 1.AFNetWorking的优缺点 优点: 1.维护和使用者比 ...
- javaweb项目中发布webservices服务
1.新建一个项目动态web项目Axis2Server. 2.解压缩下载的axis2-1.7.4-war.zip文件--〉axis2-1.7.4-war--〉axis2.war--〉axis2,找到WE ...
- FreeSWITCH 安装配置的 各种坑, 填坑
个人安装环境: OS:CentOS6.7 64位 FreeSWITCH Ver:1.6.17 一. 编译出错 安装 之前, 最好 先安装 这几个东西(如果有, 请忽略): yasm (有nasm的话 ...
- 腾讯AlloyTeam正式发布Canvas魔幻线条 - curvejs
[原文链接] ## 写在前面 curvejs 中文读["克js"],是腾讯AlloyTeam打造的一款魔幻线条框架,让线条成为一名优秀的舞者,让线条们成为优秀的舞团,HTML5 ...
- 复选框选中删除行(DOM练习)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- Android -- 从源码解析Handle+Looper+MessageQueue机制
1,今天和大家一起从底层看看Handle的工作机制是什么样的,那么在引入之前我们先来了解Handle是用来干什么的 handler通俗一点讲就是用来在各个线程之间发送数据的处理对象.在任何线程中,只要 ...
- HttpClient研究学习总结
Http协议非常的重要,HttpClient相比传统JDK自带的URLConnection,增加了易用性和灵活性(具体区别,日后我们再讨论),它不仅是客户端发送Http请求变得容易,而且也方便了开发人 ...