XHTML MP 中的链接

Monday, 13 October 2008 09:06

Article Index
XHTML MP 中的链接
到另一个 XHTML MP 页面
WAP 首页用简短 URL
XHTML MP 图片链接
在 XHTML MP 中为链接设置快捷键
All Pages

Page 1 of 5

锚链接是用于导航的. 你选择一个锚链接后, 就可以跳到另一资源, 如一个 XHTML MP 页面, 或者滚动到当前 XHTML MP 文档的某一位置. 锚链接是用 <a></a> 标签对创建的.

<a> 标签的 href 属性用于指定目标链接的 URL (统一资源定位器). 所用的协议是 HTTP. URL 的形式如下:

http://主机名/路径/文件名#初始点?参数1=值1&参数2=值2...

如果你以前有过 HTML 或 WML 编程经验的话, 你应该很熟悉上面的格式了.

到当前 XHTML MP 页面的某个地方

就像前面所讲的, 你可以利用锚链接滚动到当前 XHTML MP 页面的某个地方. 要实现该效果, 首先你得在文档中设置一个链接目标 (目标锚) . 其次, 你得将一个锚链接指向该目标.

要想在 XHTML MP 文档中设置一个锚链接, 应该用 <a> 标签的 id 属性. 大部分 XHTML MP 标签都包含 id 属性. 这是一些例子:

<a id="目标_id"></a>
<a id="目标_id" />
<h1 id="目标_id">XHTML MP 教程</h1>
<p id="目标_id">段落中的一段文本</p>

要想把一个锚链接指向目标链接, 你需要用目标链接的 id 作为入口构造一个 URL (注意, 入口以 # 字符开头), 然后把此 URL 作为锚链接的 href 属性的值, 像下面这样:

<a href="/#目标_id">选择这里跳转到当前 XHTML MP 文档的某个位置</a>

因为链接目标在当前 XHTML MP 文档中, 所以不需要在 URL 中指定主机名, 路径和文件名. 只需指定入口就可以了

下面的 XHTML MP 例子演示了如何在当前文档中跳转到某个地方:

(links_example1.xhtml)

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" 
   "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>XHTML MP Tutorial</title>
  </head>

  <body>
    <p><a id="top">Table of Contents:</a></p>
    <ul>
      <li>Part 1 XHTML MP Introduction</li>
      <li>Part 2 Development of Wireless Markup Languages</li>
      <li>Part 3 Advantages of XHTML MP</li>
      <li>Part 4 WML Features Lost in XHTML MP</li>
    </ul>
    <p><a href="/#top">Back to top</a></p>
  </body>
</html>