<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link type="text/css" rel="stylesheet" href="jquery.mobile.min.css"> <script type="text/javascript" src="jquery-latest.min.js"></script> <script type="text/javascript" src="jquery.mobile.min.js"></script> </head> <body> <section data-role="page" id="page1-1"> <header data-role="header"> <h1>file1.htm 第一頁</h1> </header> <article data-role="content"> <a href="#page1-2">到第二頁</a> </article> <footer data-role="footer"> <h3>頁尾</h3> </footer> </section> <section data-role="page" id="page1-2"> <header data-role="header"> <h1>file1.htm 第二頁</h1> </header> <article data-role="content"> <a href="#page1-1">回第一頁</a><br> <a href="#" data-rel="back">回第一頁</a><br> <a data-rel="back">回第一頁</a><br> <a href="file2.htm">載入 file2.htm 第一頁</a><br> <a href="#page2-2">回 file2.htm 第二頁</a><br> <a href="file2.htm#page2-2">載入 file2.htm 第二頁</a> </article> <footer data-role="footer"> <h3>頁尾</h3> </footer> </section> </body> </html>