リンクの記載方法

URLから理解

リンクの記載方法は、相対と絶対URLから理解しましょう。

同じサイト上では「相対」、違うホームページに移動するとき「絶対」を使用します。 図1)の階層の場合で説明をします。

図1

相対

相対は、同じサイト内の移動リンクを作成する時に利用されます。

1. 同じフォルダ
<a href="ページ名">~</a>
2. 1階層上
<a href="../ページ名">~</a>
3. 1階層下
<a href="フォルダ名/ページ名">~</a>
  • 例1: DからBのフォルダ移動なら、1階層上がって2階層下がる。
  • <a href="../Aのフォルダ名/Bのフォルダ名/ページ名">~</a>
  • 例2: CからAのフォルダ移動なら、2階層上がる。
  • <a href="../../ページ名">~</a>

※ index.htmlの場合、ネット上なら記載しなくてもリンクが機能します。

絶対

b) のサイトから a) へ移動するリンクの場合は絶対URLを使用します。

<a href="https://www.syousai.com/">~</a>

<a href="">~</a> に移動したいアドレス「 http://」から記載します。~部分はサイトのタイトルになることが多いです。

https://www.syousai.com/ と https://www.syousai.com/index.html は、同じページに移動しますが、index.htmlは隠すようにしましょう。

理由は、「 / 」で終わっていれば、今後index.html以外のページに変更したいときにもSEOからみて有利です。

リンクの記載方法、URLから理解。パソコン付属のテキストエディタを利用した、初心者向け無料ホームページ作成方法の解説。無料hp作成の参考に!

ページTopヘ

Top >> 無料 ホームページ作成

Access Ranking!

  1. 無料 求人 派遣 土日のみ 単発
  2. 無料 海外旅行保険 クレジットカード 傷害
  3. 無料 アンケート
  4. 無料 クレジットカード 審査 甘い
  5. 無料 ホームページ作成 無料hp作成
  6. 無料 クレジットカード 初心者
  7. 無料 オリックスカード 審査
Copyright©2017 www.syousai.com.All rights reserved. XTML, CSS,