javaWeb学习总结(4)- HTML 关于head中的<meta>标签

关于<meta> 标签HTML <wbr>关于head中的<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

转载于:https://www.cnblogs.com/crazylqy/p/4158026.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>人力资源管理系统</title> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <link href="css/css.css" rel="stylesheet" type="text/css"> </head> <body> <table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolorlight="#CCCCCC" bordercolor="#FFFFFF" bordercolordark="#FFFFFF" > <tr> <td height="22" colspan="7" align="left" ><strong class="text13">人才信息</strong></td> </tr> <tr class="tdhui"> <td height="22" align="center" >姓名</td> <td height="22" align="center" >性别</td> <td height="22" align="center" >年龄</td> <td height="22" align="center" >职位</td> <td height="22" align="center" >所学专业</td> <td height="22" align="center" >工作经验</td> <td height="22" align="center" >执行操作</td> </tr> <tr> <td height="22" align="center" >we33</td> <td height="22" align="center" >男</td> <td height="22" align="center" >0</td> <td height="22" align="center" >ew</td> <td height="22" align="center" >we</td> <td height="22" align="center" >ew</td> <td height="22" align="center" ><a href="detailjob.html">详细</a>  <a href="#">删除</a> </tr> <tr> <td height="22" align="center" >ds</td> <td height="22" align="center" >女</td> <td height="22" align="center" >0</td> <td height="22" align="center" >ds</td> <td height="22" align="center" >ds</td> <td height="22" align="center" >ds</td> <td height="22" align="center" ><a href="detailjob.html">详细</a>  <a href="#">删除</a> </tr> <tr> <td height="22" align="center" >李四</td> <td height="22" align="center" >男</td> <td height="22" align="center" >36</td> <td height="22" align="center" >JAVA架构师</td> <td height="22" align="center" >计算机</td> <td height="22" align="center" >5年</td> <td height="22" align="center" ><a href="detailjob.html">详细</a>  <a href="#">删除</a> </tr> <tr> <td height="22" align="center" >王五</td> <td height="22" align="center" >男</td> <td height="22" align="center" >28</td> <td height="22" align="center" >软件测试工程师</td> <td height="22" align="center" >计算机</td> <td height="22" align="center" >三年</td> <td height="22" align="center" ><a href="detailjob.html">详细</a>  <a href="#">删除</a> </tr> </table> </body> </html>使用javaweb实现后端代码
05-24

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值