`

<meta>标签自动跳转和超链接指定地址的区别

 
阅读更多

首先说明各个文件之间关系:

servlet A的url:/servlet/A

jsp文件:

项目根目录

work1

work3

3.jsp

1.jsp

work2

2.jsp

 

 

对于firefox浏览器:

 

1.从1.jsp-->2.jsp

自动跳转:<meta http-equiv="refresh" content="3, url=../work2/2.jsp"> //当前文件的相对路径

超链接:<a href="work2/2.jsp">转到</a>2.jsp //相对于项目根目录下的

 

2.从1.jsp-->servlet A

自动跳转:<meta http-equiv="refresh" content="3, url=../servlet/A">

超链接:<a href="servlet/A">转到</a>servlet A

 

3.从3.jsp-->1.jsp

自动跳转:<meta http-equiv="refresh" content="3, url=../1.jsp">

超链接:<a href="work1/1.jsp">转到</a>1.jsp

 

4.从3.jsp-->2.jsp

自动跳转:<meta http-equiv="refresh" content="3, url=../../work2/2.jsp">

超链接:<a href="work2/2.jsp">转到</a>2.jsp

 

5.从1.jsp-->3.jsp

自动跳转:<meta http-equiv="refresh" content="3, url=work3/3.jsp">

超链接:<a href="work1/work3/3.jsp">转到</a>3.jsp

 

6.从3.jsp-->servlet A

自动跳转:<meta http-equiv="refresh" content="3, url=../../servlet/A">

超链接:<a href="servlet/A">转到</a>servlet A

 


而chrome浏览器则做的比较一致:都是相对于项目根目录下面的

 

1.从1.jsp-->2.jsp

自动跳转:<meta http-equiv="refresh" content="3, url=work2/2.jsp">

超链接:<a href="work2/2.jsp">转到</a>1.jsp

 

2.从1.jsp-->servlet A

自动跳转:<meta http-equiv="refresh" content="3, url=servlet/A">

超链接:<a href="servlet/A">转到</a>servlet A

 

3.从3.jsp-->1.jsp

自动跳转:<meta http-equiv="refresh" content="3, url= work1/1.jsp">

超链接:<a href="work1/1.jsp">转到</a>1.jsp

 

4.从3.jsp-->2.jsp

自动跳转:<meta http-equiv="refresh" content="3, url=work2/2.jsp">

超链接:<a href="work2/2.jsp">转到</a>2.jsp

 

5.从1.jsp-->3.jsp

自动跳转:<meta http-equiv="refresh" content="3, url=work1/work3/3.jsp">

超链接:<a href="work1/work3/3.jsp">转到</a>3.jsp

 

6.从3.jsp-->servlet A

自动跳转:<meta http-equiv="refresh" content="3, url=servlet/A">

超链接:<a href="servlet/A">转到</a>servlet A



 

 

 

 

分享到:
评论

相关推荐

    JSP标签 <meta>的作用

    ### JSP标签 `&lt;meta&gt;` 的作用详解 在探讨 `&lt;meta&gt;` 标签的功能与应用之前,我们先简单回顾一下 `&lt;meta&gt;` 标签的基本概念。`&lt;meta&gt;` 标签是 HTML 中的一个元数据(metadata)标签,它用于提供关于 HTML 文档的信息,...

    meta标签详解

    本文将详细介绍`&lt;meta&gt;`标签的各种属性及其用途,并通过实例帮助读者更好地理解如何在实际项目中应用这些标签。 ### 一、Meta标签基本概念 `&lt;meta&gt;`标签是HTML文档头部`&lt;head&gt;`部分的一个元素,主要用于提供有关...

    HTML基础代码资源

    5. **超链接**:`&lt;a&gt;`标签用于创建超链接,例如`&lt;a href="http://www.example.com"&gt;访问示例网站&lt;/a&gt;`,点击后会跳转至指定URL。 6. **表格**:`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头)和`&lt;td&gt;`(单元格)用于创建...

    网页跳转代码

    在网页跳转的场景中,`&lt;meta&gt;`标签可以通过设置`http-equiv`属性和`content`属性来实现页面的自动跳转。 ##### 3.1 `http-equiv`属性 `http-equiv`属性用于指定HTTP头部字段,可以用来模拟HTTP头部字段的功能。...

    header和meta头部信息

    3. **自动化工具**:如Yeoman、Grunt或Gulp等构建工具可以自动化插入、管理和更新`&lt;meta&gt;`标签,提高开发效率。 总之,`&lt;header&gt;`和`&lt;meta&gt;`在网页开发中扮演着重要角色,它们帮助定义页面结构,提供元数据,并对...

    HTMLMETA标签.pdf

    在本文件中,我们看到了&lt;meta&gt;标签的多种属性和使用方式,以及它们在不同文档类型定义(DTD)中的应用。 首先,了解&lt;meta&gt;标签的两种主要用途是很有必要的。第一种是提供文档的元信息,比如字符编码、页面描述、...

    HTML常用标签.pdf

    5. &lt;base&gt;:标签描述了基本的链接地址/ 链接目标,该标签作为 HTML 文档中所有的链接标签的默认链接。 6. &lt;meta&gt;:&lt;meta&gt; 元素可提供有关页面的元信息(meta-information ),比如针对搜索引擎和更新频度的描述和...

    页面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; ...

    HTML5 对各个标签的定义与规定:meta

    `&lt;meta&gt;`标签通常位于`&lt;head&gt;`部分,它可以为空元素,意味着它没有结束标签。例如: ```html &lt;meta charset="UTF-8"&gt; ``` #### 二、`&lt;meta&gt;`标签的主要属性 `&lt;meta&gt;`标签有以下几种重要的属性: 1. **`name`属性*...

    HTML总结整本书

    3. **&lt;head&gt;元素**:包含了文档的元信息,如&lt;title&gt;标签定义了页面标题,&lt;meta&gt;标签用来设置页面元数据,如字符编码、关键词等。 4. **&lt;body&gt;元素**:实际的网页内容就在这部分,包括文字、图像、链接等。 **&lt;META&gt;...

    HTML5中文手册.pdf

    &lt;img&gt;标签用于嵌入图像,通过src属性指定图像的地址,并通过alt属性提供图像的文本描述。 &lt;input&gt;标签用于创建输入控件,用于搜集用户数据。HTML5新增了多种类型,如email, tel, range, color等。 &lt;li&gt;标签用于...

    html标签及用法

    &lt;a&gt;创建超链接,href属性指定链接地址。 四、列表标签 &lt;ul&gt;和&lt;ol&gt;用于无序列表和有序列表,其中&lt;li&gt;定义列表项;&lt;dl&gt;、&lt;dt&gt;和&lt;dd&gt;用于定义术语和描述列表。 五、段落和引用 &lt;div&gt;是通用容器,常用于分组其他元素;...

    第6章HTML+CSS教学课件.ppt

    其中,&lt;head&gt;部分用于存放网页的基本信息,如&lt;title&gt;标签、&lt;meta&gt;标签等,而&lt;body&gt;部分用于存放网页的内容。 2. HTML5的发展史 HTML的发展史可以追溯到1993年,1995年发布了HTML2.0,1997年发布了HTML4.0,1999年...

    html标签介绍大全

    &lt;a&gt;是超链接标签,通过href属性指定链接地址。例如:&lt;a href="https://www.example.com"&gt;这是一个链接&lt;/a&gt;。 七、图像标签 &lt;img&gt;用于插入图片,src属性指定图片源,alt属性提供替代文本。 八、列表标签 &lt;ul&gt;创建...

    前端开发HTML基础

    12. &lt;a&gt;标签用于创建超链接,href属性指定链接的地址,&lt;img&gt;标签用于向网页插入图片,src属性指定图片的路径。 13. 表单相关的标签,如&lt;form&gt;定义了表单的区域,&lt;input&gt;用于创建各种类型的输入字段,&lt;textarea&gt;用于...

    青鸟S1HTMl项目

    - 链接:&lt;a&gt;标签创建超链接,href属性指定链接的目标地址,target属性可设置链接打开的方式(如新窗口或当前窗口)。 - 图像:&lt;img&gt;标签插入图片,src属性指定图像源,alt属性提供替代文字,有助于无障碍访问。 3...

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

    这样,就不需要在每个链接的&lt;a&gt;标签中单独指定target属性。 四、&lt;body&gt; &lt;body&gt;标签包含了网页的主体内容,其属性可以影响页面的显示效果: 1. 文字颜色: `ALINK`、`LINK`、`TEXT`、`VLINK` 分别定义了活动链接、...

    meta演示 _引入 css 样式文件

    - &lt;a href&gt;标签的使用:这是用于创建链接的标签,其中href属性指定了链接的目标地址。target属性用于定义链接在何处打开(例如在新窗口或当前窗口中)。 - 表格(Table)的使用:HTML中的&lt;table&gt;标签用于创建表格,...

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

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

Global site tag (gtag.js) - Google Analytics