アフィリエイト広告を利用しています

広告

posted by fanblog

2020年12月10日

あ〜寝不足だ

睡眠不足に注意


しっかりと、マークアップしたはずなのですが、プレビュー表示しても反映されないのです。

何度、見返しても間違っている要素がありません。

悩んだ、悩んだ。

時間が、刻一刻と過ぎていく〜



そして、見つけた問題と解決方法。

問題は、パスの指定方法でした。

パスとは ・・・

パスとは、Webページやファイルなどの場所を指定することで、指定方法には2種類あります。
リンクを設定するWebページを基準にして指定する「相対パス」と、URLで指定する「絶対パス」です。

相対パスは、パスを書き込むWebページを基準として、目的のファイルの場所を記述します。
同じwebサイト内のページリンクを張るときは、この方法でします。

絶対パスとは、href 属性または src 属性の値に「http://」または「https://」から始まる URL を記述する方法です。
URLというのはインターネット上のアドレスをさしますから、住所みたいなもので、自分の Web サイト以外(外部リンク)をリンク先に指定する際に使います。

昨日は相対パスの記述方法に問題がありました。
相対パスを記述する際に注意すべき「ディレクトリ構造」について見直す必要がありました。

ディレクトリ構造とは ・・・

ディレクトリ構造とは、パソコンのフォルダのように改装に分かれ、親子関係を持っている構造のことです。
ファイル名とフォルダ名と「 / 」「 .. 」を組み合わせます。
「 / 」はディレクトリ(階層)、「 .. 」で一つ上のディレクトリという意味を持ちます。

*同じディレクトリ(階層)のファイルにリンク
 index.html

*一つ上のディレクトリ(階層)にあるファイルにリンク
 ../index.html

*二つ上のディレクトリ(階層)にあるファイルにリンク
 ../../index.html

ファイルを複製し別に用意したフォルダにファイルを保存したんですが、フォルダ内に保存すると階層が下がるので、ファイル内のスタイルシートを指定する記述を変更していなかったのが原因でした。

解決し、ホッとしたものの、寝なければならない時間はとうに過ぎ、寝不足です。

しかしながら、問題を解決できたことは大きな前進かと思います。



この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/10398380
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
×

この広告は30日以上新しい記事の更新がないブログに表示されております。

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: