首先说明各个文件之间关系：
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 name="Description" Content="这是一个关于 meta 标签的详细介绍"> meta 标签对搜索引擎优化，页面显示，缓存控制等方面都有着重要的影响。因此，对 meta 标签的理解和合理使用是建设一个优秀的个人...
在网页跳转的场景中，`<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>、...