`

不同浏览器<meta>标签的自动跳转

 
阅读更多

今天无意间发现一个很有趣的事情,<meta>标签指定的自动跳转针对不同浏览器结果不同。 
假设当前页面为webapps\Education\work\LoginFail.jsp,在这个页面上指定<meta>标签: 
<meta http-equiv="refresh" content="3; url=?"> 
目的是想要跳转到webapps\Education\Login.jsp 
如果对于IE和Firefox,?处需要指定的是:../Login.jsp 
如果对于Chrome,?处需要指定的是:Login.jsp (本人电脑只安装这三款浏览器,别的还有待实验) 
但是超链接的跳转还是相同的<a href="Login.jsp"></a>,这可能跟浏览器的内部实现有关吧,google就是挺特别的!

分享到:
评论

相关推荐

    网页跳转代码

    3. **兼容性问题**:虽然大多数现代浏览器都支持`&lt;meta&gt;`标签跳转,但为了确保兼容性,最好还是测试一下不同浏览器的效果。 通过以上内容的学习,相信你已经对如何使用`&lt;meta&gt;`标签实现网页跳转有了全面的了解。这...

    header和meta头部信息

    2. **调试工具**:开发者可以使用浏览器的开发者工具检查和修改`&lt;header&gt;`和`&lt;meta&gt;`标签,以便进行问题排查和优化。 3. **自动化工具**:如Yeoman、Grunt或Gulp等构建工具可以自动化插入、管理和更新`&lt;meta&gt;`标签,...

    页面n秒后自动跳转 代码片段 html

    我们可以在`&lt;head&gt;`或`&lt;body&gt;`标签内添加一个`&lt;script&gt;`标签,然后编写一段JavaScript代码来实现自动跳转。下面是一个示例: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;5秒后自动跳转页面&lt;/title&gt; &lt;script&gt; ...

    狂神说——HTML完整教学通俗易懂

    9. 响应式设计:随着移动设备的普及,HTML5引入了&lt;meta&gt;标签的viewport属性,配合CSS媒体查询,可以让网页根据设备屏幕大小自动调整布局。 10. HTML5新特性:HTML5引入了许多新元素和功能,如&lt;header&gt;、&lt;footer&gt;、...

    html文件head内部标记浅析(meta,link,base,body)

    本文将深入解析&lt;head&gt;内部的几个关键标记:&lt;meta&gt;、&lt;link&gt;、&lt;base&gt;以及&lt;body&gt;的基本属性。 一、&lt;meta&gt; &lt;meta&gt;标记用于定义HTML文档中不直接展示但至关重要的信息。以下是一些常见的&lt;meta&gt;标签用途: 1. 关键词和...

    meta演示 _引入 css 样式文件

    例如,它可以指示浏览器每隔一定时间刷新页面,或者在指定时间后自动跳转到另一个URL地址。通过设置content属性来确定刷新频率或跳转的目标URL。 在文档描述中提到了&lt;meta&gt;演示,包括了页面每隔3秒刷新一次的演示,...

    用meta实现的页面跳转代码

    此外,如果浏览器不支持`&lt;meta&gt;`标签或者被禁用,跳转将无法生效。 为了解决这些问题,通常我们会结合JavaScript来实现更灵活的页面跳转。以下是几种常见的JavaScript跳转方法: 1. 使用`window.location.href`: ...

    C#编程经验技巧宝典

    14&lt;br&gt;&lt;br&gt;0028 “///”符号的使用技巧 14&lt;br&gt;&lt;br&gt;0029 使用注释取消程序语句的执行 15&lt;br&gt;&lt;br&gt;2.2 语句 15&lt;br&gt;&lt;br&gt;0030 跳转语句GOTO的使用 15&lt;br&gt;&lt;br&gt;0031 Continue语句的使用 16&lt;br&gt;&lt;br&gt;0032 Break...

    网页设计中meta详解

    `&lt;meta&gt;` 标签通常位于 `&lt;head&gt;` 标签内,它不直接向用户展示内容,但对搜索引擎优化(SEO)、浏览器行为控制以及跨设备兼容性等方面都有深远影响。 首先,我们来了解下 `&lt;meta&gt;` 标签的基本结构: ```html &lt;meta ...

    html头部标签专题知识培训课件.ppt

    &lt;title&gt;页面的自动跳转&lt;/title&gt; &lt;meta http-equiv="refresh" content="3;url=http://www.baidu.com"&gt; &lt;/head&gt; &lt;body&gt; 本页面每隔3秒钟自动跳转到新的地址。 &lt;/body&gt; &lt;/html&gt; ``` 5. **转场效果**: `&lt;meta...

    HTML基础深度解析完整版

    `&lt;meta&gt;`标签在`&lt;head&gt;`中常用来设置元数据,如页面描述和关键字,这对搜索引擎优化(SEO)至关重要。`&lt;meta&gt;`标签有两个主要属性:`name`和`http-equiv`。 - `name`属性常用于描述网页,如设置关键词和页面描述: ...

    关于mate标签一些常用的

    通过设置不同的属性值,`&lt;meta&gt;`标签可以帮助描述页面的相关信息,比如作者、描述、关键词、刷新频率等,这些信息对搜索引擎优化(SEO)、用户体验等方面至关重要。 #### 二、`&lt;meta&gt;`标签的基本语法与属性 `&lt;meta...

    交大AIC的Html课件3

    -- 自动跳转 --&gt; &lt;meta http-equiv="Refresh" content="5;URL=http://cn.yahoo.com"&gt; ``` 6. **控制缓存**:可以设置不缓存页面,防止用户访问到过期内容。 ```html &lt;meta ...

    html标签大全(非常好用的),免费哦!

    `&lt;meta&gt;`标签则用来设置页面的元信息,如字符编码、视口设置等。 `&lt;div&gt;`和`&lt;span&gt;`作为通用容器,可进行内容分组和CSS样式应用,是布局和设计中的重要工具。`&lt;label&gt;`与`&lt;input&gt;`配合使用,可以将文本与输入框关联...

    php页面跳转php页面跳转

    2. **利用HTML的`&lt;meta&gt;`标签**:通过设置`&lt;meta&gt;`标签的`http-equiv`属性为`refresh`,并指定时间间隔和URL,可以在一段时间后自动跳转页面。例如: ```php &lt;?php $url = "http://localhost:60/B.php"; ?&gt; &lt;html&gt; ...

    自己总结的 HTML基本语法

    - **标题与字体样式**:`&lt;h1&gt;`至`&lt;h6&gt;`用于不同级别的标题,`&lt;font&gt;`标签设置字体大小、颜色和类型(注意:`&lt;font&gt;`标签已过时)。 - **段落与换行**:`&lt;p&gt;`创建段落,`&lt;br&gt;`实现换行。 - **文字样式**:`&lt;strike&gt;`...

    html+css+js知识总结.pdf

    在HTML头部中,可以定义文档的元数据,比如字符集&lt;meta charset="UTF-8"&gt;,以及页面的标题&lt;title&gt;,这是显示在浏览器标签上的标题。 HTML的上述知识为构建网页的基础,是前端开发中不可或缺的一部分。掌握这些知识...

    HTML中小meta的大作用.txt

    本文将深入探讨`&lt;meta&gt;`标签及其相关属性的应用,帮助读者更好地理解如何利用这些标签来优化网页的表现和功能。 #### 一、`&lt;meta&gt;`标签概述 `&lt;meta&gt;`标签位于HTML文档的`&lt;head&gt;`部分,主要用于定义页面的元数据...

    html常用标签解释大全

    该标签将在 10 秒后自动跳转到另外一个文件。 3. 查询用表单 <isindex> <isindex> 标签用于创建一个查询表单,用户可以输入关键词来进行搜索。 设定查询栏位前的提示文字 <isindex prompt="提示文字"> 该...

Global site tag (gtag.js) - Google Analytics