首先说明各个文件之间关系:
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>` 的作用详解 在探讨 `<meta>` 标签的功能与应用之前,我们先简单回顾一下 `<meta>` 标签的基本概念。`<meta>` 标签是 HTML 中的一个元数据(metadata)标签,它用于提供关于 HTML 文档的信息,...
本文将详细介绍`<meta>`标签的各种属性及其用途,并通过实例帮助读者更好地理解如何在实际项目中应用这些标签。 ### 一、Meta标签基本概念 `<meta>`标签是HTML文档头部`<head>`部分的一个元素,主要用于提供有关...
5. **超链接**:`<a>`标签用于创建超链接,例如`<a href="http://www.example.com">访问示例网站</a>`,点击后会跳转至指定URL。 6. **表格**:`<table>`、`<tr>`(行)、`<th>`(表头)和`<td>`(单元格)用于创建...
在网页跳转的场景中,`<meta>`标签可以通过设置`http-equiv`属性和`content`属性来实现页面的自动跳转。 ##### 3.1 `http-equiv`属性 `http-equiv`属性用于指定HTTP头部字段,可以用来模拟HTTP头部字段的功能。...
3. **自动化工具**:如Yeoman、Grunt或Gulp等构建工具可以自动化插入、管理和更新`<meta>`标签,提高开发效率。 总之,`<header>`和`<meta>`在网页开发中扮演着重要角色,它们帮助定义页面结构,提供元数据,并对...
在本文件中,我们看到了<meta>标签的多种属性和使用方式,以及它们在不同文档类型定义(DTD)中的应用。 首先,了解<meta>标签的两种主要用途是很有必要的。第一种是提供文档的元信息,比如字符编码、页面描述、...
5. <base>:标签描述了基本的链接地址/ 链接目标,该标签作为 HTML 文档中所有的链接标签的默认链接。 6. <meta>:<meta> 元素可提供有关页面的元信息(meta-information ),比如针对搜索引擎和更新频度的描述和...
我们可以在`<head>`或`<body>`标签内添加一个`<script>`标签,然后编写一段JavaScript代码来实现自动跳转。下面是一个示例: ```html <!DOCTYPE html> <html> <head> <title>5秒后自动跳转页面</title> <script> ...
`<meta>`标签通常位于`<head>`部分,它可以为空元素,意味着它没有结束标签。例如: ```html <meta charset="UTF-8"> ``` #### 二、`<meta>`标签的主要属性 `<meta>`标签有以下几种重要的属性: 1. **`name`属性*...
3. **<head>元素**:包含了文档的元信息,如<title>标签定义了页面标题,<meta>标签用来设置页面元数据,如字符编码、关键词等。 4. **<body>元素**:实际的网页内容就在这部分,包括文字、图像、链接等。 **<META>...
<img>标签用于嵌入图像,通过src属性指定图像的地址,并通过alt属性提供图像的文本描述。 <input>标签用于创建输入控件,用于搜集用户数据。HTML5新增了多种类型,如email, tel, range, color等。 <li>标签用于...
<a>创建超链接,href属性指定链接地址。 四、列表标签 <ul>和<ol>用于无序列表和有序列表,其中<li>定义列表项;<dl>、<dt>和<dd>用于定义术语和描述列表。 五、段落和引用 <div>是通用容器,常用于分组其他元素;...
其中,<head>部分用于存放网页的基本信息,如<title>标签、<meta>标签等,而<body>部分用于存放网页的内容。 2. HTML5的发展史 HTML的发展史可以追溯到1993年,1995年发布了HTML2.0,1997年发布了HTML4.0,1999年...
<a>是超链接标签,通过href属性指定链接地址。例如:<a href="https://www.example.com">这是一个链接</a>。 七、图像标签 <img>用于插入图片,src属性指定图片源,alt属性提供替代文本。 八、列表标签 <ul>创建...
12. <a>标签用于创建超链接,href属性指定链接的地址,<img>标签用于向网页插入图片,src属性指定图片的路径。 13. 表单相关的标签,如<form>定义了表单的区域,<input>用于创建各种类型的输入字段,<textarea>用于...
- 链接:<a>标签创建超链接,href属性指定链接的目标地址,target属性可设置链接打开的方式(如新窗口或当前窗口)。 - 图像:<img>标签插入图片,src属性指定图像源,alt属性提供替代文字,有助于无障碍访问。 3...
这样,就不需要在每个链接的<a>标签中单独指定target属性。 四、<body> <body>标签包含了网页的主体内容,其属性可以影响页面的显示效果: 1. 文字颜色: `ALINK`、`LINK`、`TEXT`、`VLINK` 分别定义了活动链接、...
- <a href>标签的使用:这是用于创建链接的标签,其中href属性指定了链接的目标地址。target属性用于定义链接在何处打开(例如在新窗口或当前窗口中)。 - 表格(Table)的使用:HTML中的<table>标签用于创建表格,...
9. 响应式设计:随着移动设备的普及,HTML5引入了<meta>标签的viewport属性,配合CSS媒体查询,可以让网页根据设备屏幕大小自动调整布局。 10. HTML5新特性:HTML5引入了许多新元素和功能,如<header>、<footer>、...