ちきんまさBLOG自由でいたいからこそ、学ぶ。/CSS】階層が違うリンクの指定方法(上位階層と下位階層)ツイートシェアはてブ送るPocketリンク指定はWebページやWebサービスの制作をしていると必ずと言っていいほど使われるものです。全て同じ階層でフォイルを作られているのなら『〇〇○.html』で指定するだけでいいのですが、では階層が違う場合はどのように指定するのか?初心者の方や駆け出しの方は必須知識となりますので今回の記事を読んで覚えましょう。下位階層へのリンク指定方法まずは下位階層へのリンクの方法です。href=”works.html”』と指定してもリンクにはなりません。href=”works/works.html”>このように指定します。『worksフォルダ」内の『works.html』と指定しているわけですね。フォルダ→指定ファイルと指定することをしっかり覚えておきましょう。次に上位階層へのリンク指定の方法です。先ほどの『works.html』に『top.html』を指定することを想定しましょう。下位階層の場合は『指定ファイルが収納されているフォルダ』→『指定ファイル』でしたが、上位階層のファイルを指定する場合は指定方法が異なり、『../』を使って指定します。href=”../top.html”>『../』で上位階層へ移動し、そのファイルを指定しています。href=”../img/img.png”>と、指定します。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。USちきんまさ本職で住宅会社のブランディング・クリエイティブデザインをしながら、兼業でWebデザイン・クリエイティブデザイン全般・ロゴ作成など取り組んでいます。行政書士や宅地建物取引士も合格、経験済みで兼業視野。自分がやりたいことはやらずにはいられない好奇心を叶え続けるべく、常に学び、行動することを続けています。