很实用的html meta标签实现页面跳转

就算你是有很多年开发经验的web开发工程师,有着很多web开发经验,对于先进的web开发技术有着很深刻的研究,然而你却忽略了那些最最基础的东西!现在我来问你,你是否对html所有的标签都能熟练的使用呢?是否能恰当的使用每个html标签以达到最优化的效果呢?下面崔世瑞来教你一个被很多资深web开发工程师所忽略的知识点,如何用html的方式实现页面跳转:

refresh用于刷新与跳转(重定向)页面
 refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="refresh" content="5; url=http://www.yuzhuo520.com/" />    
<!-- 5秒后跳转到指定URL ,可以设置为0则是直接跳转,如果不加url属性则表示5秒后刷新本页--> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用meta标签的http-equiv属性实现纯html页面跳转</title>
<style type="text/css">

</style>
</head>
<body>
---------------------
作者:yuzhuoweb
来源:CSDN
原文:https://blog.csdn.net/yuzhuoweb/article/details/48465643/
版权声明:本文为博主原创文章,转载请附上博文链接!

原文地址:https://www.cnblogs.com/xiaohuizhenyoucai/p/11083395.html

时间: 2024-10-12 20:20:08

很实用的html meta标签实现页面跳转的相关文章

html meta标签实现页面跳转

refresh用于刷新与跳转(重定向)页面 refresh出现在http-equiv属性中,使用content属性表示刷新或跳转的开始时间与跳转的网址 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="refresh" content="5;url=http://www.w

取消a标签的页面跳转

如果代码是:<a href="#" class="juan-btn" onclick="showResult()">提交</a> 则显示出来还是多少有点问题的,所以正确的代码如下: <a href="javascript:void(0);" class="juan-btn" onclick="showResult()">提交</a>

页面跳转与重定向

前言 html ,js 可以实现页面跳转. jsp , asp, php 也有各自页面跳转与重定向的方式. 下文针对js 和jsp 的页面跳转实现方式进行一个总结. html 页面跳转方式 可以使用html 的meta 标签实现页面的跳转. <!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>

js实现页面跳转,纯html实现网页定时跳转

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>登陆页面</title>

phonegap+极光推送+页面跳转

最近公司使用sencha touch开发app需要实现推送的功能,本渣花了一周的时间才把安卓和ios都实现了推送已经跳转页面的功能.晚上关于推送的资料很少,关于推送后页面跳转的资料就更少了,所以这里记录一下怕以后忘了. 首先是安卓的实现方式(首先需要在极光推送上面去注册一个账号): 1:用sencha CMD创建st应用: sencha -sdk D:\java\sencha-touch\touch-2.3.1 generate app FirstApp ../FirstApp 这样就生成了一个

被忽视的META标签之特效(页面过渡效果)

在web设计中使用js可以实现很多的页面特效,然而很多人却忽视了HTML标签中META标签的强大功效,其实meta标签也可以实现很多漂亮的页面过渡效果. META标签是HTML语言HEAD区的一个辅助性标签,Meta 标签放在每个网页的<head>...</head> 中间,我们大家比较熟悉的如: <meta name="GENERATOR" content="Microsoft FrontPage 3.0">//说明编辑工具:

手机页面中的meta标签

以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. 标签位于文档的头部,不包含任何内容. 标签的属性定义了与文档相关联的名称/值对. meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制

HTML页面meta标签内容详解

所有的浏览器都支持meta标签,用于提供页面相关信息,信息都是以名(http-equiv和name标示)/值(content标示)对的形式现实. 属性content,用于定义http-equiv(定义http头部信息,服务器向浏览器提供的信息)和name(指定网页信息的相关的名称)相关的信息: http-equiv就是在HTTP头部指定了一些服务器返回给浏览器的有用信息 <meta http-equiv="参数" content="参数变量值"> 属性

pc端页面添加meta标签:X-UA-Compatible meta标签

细心的朋友会发现下面的html代码中多了一个<细心的朋友会发现下面的html代码中多了一个<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />标签!     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <meta ht