#困っていること
「program.html」のリストビューの一番上の段をクリックすると、「python.html」にリンクするプログラムを作ったのですが、外部サイトへのリンク(絶対パス)は上手くいったのですが、同一フォルダにある別のHTMLファイルへのリンク(相対パス)が上手くいかず、そこをクリックしても「Error Loading page」になりアクセスできません。どうすればいいですか?
#【7/5追記】フォルダの状態
同じフォルダ内に「program.html」と「python.html」の2つのhtmlファイルが共存しており、「lang」フォルダの中に画像ファイルが入っています。
![]
#【7/5追記】参考にしたwebサイト
http://masaboo.cside.com/new_html1/ht_67.htm
を参照しました。上の画像を見ても分かる通り、今回のケースは、参考サイトの「index.htmからlink.htmにリンクする」の項目と同じ状況です。
http://www.u.tsukuba.ac.jp/~okada.ryotaro.fw/webpage/link.html
でも、「同一フォルダ内では,ファイル名だけでリンクを張る事が出来る」と書いているので、今回も同じやり方でできると思うのですが、なぜできないのでしょう?
#該当のソースコード (program.html(リストビュー))
【追記】下の段のボタンを外部サイトへのリンクとしました。
これで上の段はエラー、下の段はリンクが成功していることが分かります。
program.html (リストビュー)
html
1<!doctype html><html lang="ja"> 2<head> 3<body>My Page</body> 4 5<meta http-equiv="Content-type"content="text/html; charset=UTF-8"> 6<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 8 9 <meta name="viewport" content="width=device-width,initial-scale=1"> 10 <link rel="stylesheet" 11 href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> 12<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 13<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"> 14</script> 15</head> 16 17 18<!--#page_area--> 19<div data-role="page"> 20 21 22<!--#header_area--> 23 <div data-role="header" data-theme="b"> 24 25 <div align="center">プログラミング言語</div> 26 27 </div> 28 29 30<!--#content_area--> 31<div data-role="controlgroup"> 32 33<div class="content-primary main-cintent"> 34<ul data-role="listview"> 35 <li><a href="python.html"> 36 <img src="lang/python.jpg"> 37 <h3>python</h3> 38 <p>統計や機械学習に最適</p> 39 </a></li> 40 41 <li><a href="https://www.java.com/ja/"> 42 <img src="lang/java.jpg"> 43 <h3>java</h3> 44 <p>汎用的なアプリケーションが作成可能</p> 45 </a></li> 46</div></div> 47 48 49<!--#footer_area--> 50<div data-role="footer"> 51<div align="center">プログラミング言語</div> 52</div> 53
#python.html (リンク先)
html
1<!doctype html><html lang="ja"> 2<head> 3<body>My Page</body> 4 5<meta http-equiv="Content-type"content="text/html; charset=Shift_JIS"> 6<meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp"> 7<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 8 9 <meta name="viewport" content="width=device-width,initial-scale=1"> 10 <link rel="stylesheet" 11 href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" /> 12<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 13<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"> 14</script> 15</head> 16 17 18<!--#page_area--> 19<div data-role="page" > 20 21 <div id="popup" data-role="popup" data-dismissible="false" data-overlay-theme="b"> 22 <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext ui-btn-right">閉じる</a> 23 24 <img src="image/2.jpg" style="max-height:400px;" /> 25</div> 26<!--#header_area--> 27 <div data-role="header" data-theme="b"> 28 29 <title>python</title> 30 31</div> 32 33 34<!--#content_area--> 35<div role="main" class="ui-content"> 36 37python 38 39</div> 40 41<div class="content-primary main-cintent"> 42<div role="main" class="ui-content"> 43 <p><a href="#popup" data-rel="popup" data-transition="pop"> 44 <img src="lang/python.jpg" style="width:25%" /></a></p> 45 </div> 46 47<!--#footer_area--> 48<div data-role="footer"> 49 50<p style="text-align: right">python</p> 51 52</div> 53</div> 54 55 56</html>
回答1件
あなたの回答
tips
プレビュー