1. 简介
HTML5提供了多种方式实现页面跳转。本文将介绍其中的5种方式，并附上代码示例。
2. a标签
2.1 基本用法
a标签是最基本的实现页面跳转的方式。在该标签中使用href属性指定要跳转的页面URL，点击该标签时，浏览器就会自动跳转至该URL指向的页面。
例如，以下代码将在点击链接时跳转至百度网站：
<a href="http://www.baidu.com">百度网站</a>2.2 打开新窗口
在a标签中使用target属性可以实现在新的标签页或窗口中打开链接。
例如，以下代码将在新窗口中打开百度网站：
<a href="http://www.baidu.com" target="_blank">在新窗口中打开百度网站</a>3. window.location.href
window.location.href属性是JavaScript中常用的跳转页面的方法之一。该属性的值为所需跳转的页面URL，将该属性赋值后，浏览器会自动跳转至该URL指向的页面。
例如，以下代码将在点击按钮时跳转至百度网站：
<button onclick="window.location.href='http://www.baidu.com'">跳转至百度网站</button>4. location.assign()
location.assign()方法是window对象中的方法，用于实现页面跳转。该方法的参数为所需跳转的页面URL，将该方法调用后，浏览器会自动跳转至该URL指向的页面。
例如，以下代码将在点击按钮时跳转至百度网站：
<button onclick="location.assign('http://www.baidu.com')">跳转至百度网站</button>5. location.replace()
location.replace()方法也是window对象中的方法，用于实现页面跳转。该方法的参数为所需跳转的页面URL，将该方法调用后，浏览器会自动跳转至该URL指向的页面，并且不能通过“后退”按钮返回前一个页面。
例如，以下代码将在点击按钮时跳转至百度网站，并且不能返回前一个页面：
<button onclick="location.replace('http://www.baidu.com')">跳转至百度网站，不能返回</button>6. form表单
6.1 基本用法
使用form表单可以实现页面跳转和数据传输的功能。在form标签中使用action属性指定要跳转的页面URL，method属性指定使用的HTTP方法，以及input标签等子元素指定要传输的数据。
例如，以下代码将在提交表单时跳转至process.php页面，同时传输name和email数据：
<form action="process.php" method="POST">
<label for="name">姓名：</label>
<input type="text" name="name" id="name">
<label for="email">邮箱：</label>
<input type="text" name="email" id="email">
<input type="submit" value="提交">
</form>
6.2 target属性
与a标签类似，form表单中也可以使用target属性实现在新的标签页或窗口中打开页面。
例如，以下代码将在新窗口中打开process.php页面：
<form action="process.php" method="POST" target="_blank">...7. 总结
本文介绍了HTML5中实现页面跳转的5种方式：a标签、window.location.href、location.assign()、location.replace()、form表单，通过使用不同的方式，可以满足多种不同的需求。