ページ遷移のリンク設定

トップページから下層ページへリンクする、または下層ページから他のページにリンクする際の書き方です。

トップページから下層ページへのリンク

<!-- 下層ディレクトリのindex.htmlは省略することができます -->
<a href="./about">自己紹介</a>
<a href="./works">制作実績一覧</a>

<!-- index.htmlでないページはファイル名まで指定します -->
<a href="./works/work1.html">制作実績詳細1</a>

下層ページから他のページへのリンク

下層ページから他のページへリンクする際は、階層を上がる必要があるため、指定のしかたに注意が必要です。 例えばwork1.htmlにおいて各ページの指定のしかたは以下です。

<a href="../">トップページ</a>  <!-- ../index.htmlとしてもOKです -->
<a href="../about">自己紹介</a>
<a href="../works">制作実績一覧</a>

Point

パスの頭に../を付ける。