<a href=page2.html>跳转到页面2</a>

点击该链接，浏览器会加载名为page2.html的页面。这种跳转方式非常简洁，但存在一个问题：难以直接传递动态数据，比如标题。

为了实现数据传递，常用的方法有以下几种：

1. 通过URL参数传递

这是最直观也最广泛使用的方法。通过在URL后添加查询字符串，把要传递的数据编码后附加上去。比如：

<a href=page2.html?title=欢迎来到我的网站>进入详细页面</a>

当用户点击链接时，浏览器会访问URL为page2.html?title=欢迎来到我的网站的页面。接着，页面2可以通过JavaScript解析URL中的title参数，用于展示标题或其他相关内容。

示例代码（page2.html）：

<script>
function getQueryParam(name) {
  const urlParams = new URLSearchParams(window.location.search);
  return urlParams.get(name);
}
window.onload = function() {
  const title = getQueryParam(title);
  if(title) {
    document.getElementById(pageTitle).innerText = decodeURIComponent(title);
  }
};
</script>

<h1 id=pageTitle>默认标题</h1>

这样，跳转页面会动态显示传递的标题，非常适合新闻标题、产品名称等动态内容。

2. 使用localStorage/sessionStorage传值

对于一些不希望直接暴露在URL中的数据，可以考虑使用浏览器的本地存储功能。跳转前，将需要传递的数据存入localStorage或sessionStorage，在新页面加载时读取。例如：

设置数据（跳转页JavaScript）：

localStorage.setItem(title, 欢迎来到我的网站);
window.location.href = page2.html;

目标页面（page2.html）读取数据：

window.onload = function() {
  const title = localStorage.getItem(title);
  if(title) {
    document.getElementById(pageTitle).innerText = title;
    localStorage.removeItem(title); // 可选，跳转后清除缓存
  }
};

这种方式更安全，避免参数暴露在URL，但需要JavaScript支持，且不同页面访问的是同一域名下的数据。

3. 表单提交（POST请求）传递

如果是比较正式的业务操作，比如表单提交，常用POST请求传递数据。虽然POST请求数据不会体现在URL中，但单纯用HTML的跳转标签无法实现，需要配合

表单：

<form action=page2.html method=post>
  <input type=hidden name=title value=欢迎来到我的网站>
  <input type=submit value=提交并跳转>
</form>

目标页面需要服务器端程序处理POST请求，解析传递的title参数，再渲染对应内容。这种方法应用于中国地区企业网站、政府门户等，后台技术多样，如PHP、Java、Python等。

结合中国地区网站实际开发，要注意：

1. 字符编码与URL中文处理

中文在URL中必须进行编码，防止乱码。可以使用JavaScript的encodeURIComponent()函数编码参数。

2. SEO优化

中国许多互联网公司要重视SEO，合理使用URL参数，避免产生大量重复页面造成收录困扰。

3. 法规合规

依据《中华人民共和国网络安全法》，传递和存储用户数据时需确保安全，避免泄露、篡改。

总结而言，HTML页面跳转并传递标题数据，多采用URL参数或浏览器存储技术。实际上，多数中国开发者倾向于URL参数形式，简单、易于维护，且在前端配合JavaScript即可实现动态展示。探索多种传递方式，结合具体需求和技术环境，才能设计出既用户体验良好又符合业务要求的网页导航方案。