実現したいこと
どの方法でリンクへ飛んでもエラーが出ないようにしたい
発生している問題・分からないこと
リンク項目の「アクセス」へと飛ぶこと自体はできるのですが、「メニュー」⇒「アクセス」、「お問い合わせ」⇒「アクセス」と順番にそれぞれリンク先へと飛んだ場合に404Error - Page not found
と表示されます。
模擬サイトのURLは
http://realponyo.web.fc2.com/index.html
です。
エラーメッセージ
error
1404Error - Page not found 2ご指定のファイルが見つかりませんでした
該当のソースコード
index.html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>KUZIRA CAFE</title> 7 <link rel="stylesheet" href="css/style.css"> 8</head> 9<body id="top"> 10 <!-- ヘッダー --> 11 <header class="header"> 12 <div class="logo"> 13 <a href="index.html"><img src="images/logo.svg" alt="KUZIRA CAFE"></a> 14 </div> 15 <nav class="nav"> 16 <ul> 17 <li><a href="index.html">ホーム</a></li> 18 <li><a href="index.html#news">お知らせ</a></li> 19 <li><a href="index.html#shop">店舗情報</a></li> 20 <li><a href="access.html">アクセス</a></li> 21 <li><a href="menu.html">メニュー</a></li> 22 <li><a href="contact.html">お問い合わせ</a></li> 23 </ul> 24 </nav> 25 </header> 26 <!-- ヘッダーここまで --> 27 28 <h1 class="hero index">たのしい、ひとときを</h1> 29 30 <!-- メイン --> 31 <main> 32 <div class="logo-whale"><img src="images/logo-whale.svg" alt=""></div> 33 <p>一杯のコーヒーで、ゆったり泳ぐクジラのような安らぎとくつろぎを。正面には太平洋、裏手は山、近くには田んぼがあってのんびりした雰囲気の小さなカフェですが、日常を離れて、思い思いのひとときをお過ごしください。</p> 34 <img src="images/banner.jpg" alt="旬のいちごを使ったメニューが期間限定で登場！"> 35 <div id="news"> 36 <h2>お知らせ</h2> 37 <ul> 38 <li>4月30日（土）は、九寺楽町の春祭りに出店するため、お店は休業させていたただきます。春祭りでタルトやキッシュ、コーヒーも販売するので、ぜひお越しください。</li> 39 <li>3月21日（月・祝）は、18時からアコースティックギターデュオ「PICNIC」のライブを開催します。入場料は1,500円、ワンドリンク付きです。</li> 40 <li>3月1日（火）は、KUZIRA CAFE 10周年記念を記念してワールドコーヒーツアーを開催します。世界中から厳選した豆で10種類のコーヒーを淹れます。ふだんはなかなか会えない味をお楽しみください。</li> 41 <li>2月1日（火）<a href="https://studio947.net" target="_blank">studio947</a>さんにご協力いただき、サイトをリニューアルしました！</li> 42 </ul> 43 </div> 44 45 <div id="shop"> 46 <h2>店舗情報</h2> 47 <table class="shop-info"> 48 <tr> 49 <th>住所</th> 50 <td>〒199-9999 或留県九寺楽市九寺楽町3-30-8（<a href="acsess.html">地図</a>）</td> 51 </tr> 52 <tr> 53 <th>電話番号</th> 54 <td>09-9280-2611</td> 55 </tr> 56 <tr> 57 <th>営業時間</th> 58 <td>10:00～22:00</td> 59 </tr> 60 <tr> 61 <th>定休日</th> 62 <td>水曜日・日曜日</td> 63 </tr> 64 <tr> 65 <th>予約</th> 66 <td>ご予約は、お電話もしくは<a href="contact.html">お問い合わせフォーム</a>より受け付けております。ご予約希望日時と人数をお知らせください。※フォームからのご予約にはお時間がかかる場合がございますので、ご了承ください。</td> 67 </tr> 68 </table> 69 </div> 70 </main> 71 <!-- メインここまで --> 72 73 <!-- フッター --> 74 <footer> 75 <div class="gotop"> 76 <a href="#top"><img src="images/gotop.svg" alt="ページトップへ戻る"></a> 77 </div> 78 <p class="copyright">© KUZIRA CAFE</p> 79 </footer> 80 <!-- フッターここまで --> 81</body> 82</html>
access.html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>アクセス | KUZIRA CAFE</title> 7 <link rel="stylesheet" href="css/style.css"> 8</head> 9<body id="top"> 10 <!-- ヘッダー --> 11 <header class="header"> 12 <div class="logo"> 13 <a href="index.html"><img src="images/logo.svg" alt="KUZIRA CAFE"></a> 14 </div> 15 <nav class="nav"> 16 <ul> 17 <li><a href="index.html">ホーム</a></li> 18 <li><a href="index.html#news">お知らせ</a></li> 19 <li><a href="index.html#shop">店舗情報</a></li> 20 <li><a href="acsess.html">アクセス</a></li> 21 <li><a href="menu.html">メニュー</a></li> 22 <li><a href="contact.html">お問い合わせ</a></li> 23 </ul> 24 </nav> 25 </header> 26 <!-- ヘッダーここまで --> 27 28 <h1 class="hero access">アクセス</h1> 29 30 <!-- メイン --> 31 <main> 32 <img src="images/map.png" alt="地図"> 33 <p> 34 〒199-9999 或留県九寺楽市九寺楽町3-30-8<br> 35 TEL: 09-9280-2611 36 </p> 37 <h2>電車で起こしの方</h2> 38 <ol> 39 <li>駅口を出ます。</li> 40 <li>国道999号線方面へ向かいます。</li> 41 <li>国道999号線を渡り直進します。</li> 42 <li>左手に見えるコンビニの向かいがKUZIRA CAFEです。</li> 43 </ol> 44 </main> 45 <!-- メインここまで --> 46 47 <!-- フッター --> 48 <footer> 49 <div class="gotop"> 50 <a href="#top"><img src="images/gotop.svg" alt="ページトップへ戻る"></a> 51 </div> 52 <p class="copyright">© KUZIRA CAFE</p> 53 </footer> 54 <!-- フッターここまで--> 55</body> 56</html>
menu.html
試したこと・調べたこと
上記の詳細・結果
HTMLエラーチェッカーを使用し、エラーの検索を行いましたが異常なしと出ました。
補足
特になし
0 コメント