html - HTMLで作業パスを作成するには?

Question

ということで、現在ホームページを制作中です。課題です。そして、別のコンピューターで開こうとしたところ、機能しませんでした。

例: "a href="file:///E:/​​assignment/main page/index.html#"

私のコンピュータでは動作しましたが、別のコンピュータでは動作しません。どのコンピューターでも動作する必要があります。

Answer 1

あなたの質問には2つの半分があります：

どこからでも自分のWebサイトにアクセスできるようにするにはどうすればよいですか？

Webサーバーが必要であるか、ホスティング会社を使用する必要があります。GoDaddy、1and1、HostGator、およびその他のホスティング会社には、世界中の誰にでもWebページを表示するように構成されたコンピューター（Webサーバー）があります。彼らは月額約10ドルの費用がかかり、あなたは次のようなリンクを作成する能力になりますhttp://example.com/myproject/index.html

教授が、キャンパス内のどこからでもアクセスできるドライブの1つにWebページを配置できるようにする可能性があります。そうでなければ、フラッシュドライブはピンチで行うことができます。ファイルをフラッシュドライブに入れてから、フラッシュドライブをクラスに持ってきます。

リンクを書くためのより良い方法はありますか？

ほとんどのWebサイトは、リンクに相対URLを使用しています。たとえば、Stack Overflowは、すべてのリンクをとして記述する代わりに、http://stackoverflow.com/whatever通常、代わりに相対URLを使用します/whatever。

タグをWebアドレスに変換するときにブラウザが従う簡単なルールがいくつかありhrefます（この例では、このページから開始しますhttp://stackoverflow.com/questions/15078748/how-to-make-working-path-in-html#15078792:)

• リンクがhttp://（またはの前にある他の何か://）で始まる場合、ブラウザは正確にそこに移動します。例： http://stackoverflow.comStackOverflowのホームページに移動します。
• リンクがで始まる場合/、ブラウザは残りのリンクを実行する前にサブフォルダからあなたを連れ出します。例： /electionここに移動します：http://stackoverflow.com/election
• リンクがで始まる場合は、../ちょうど1つのフォルダが送信されます。これは複数回実行できます。例えば。../ここにあなたを送ります：http://stackoverflow.com/questions/。
• リンクが疑問符、アンパサンド、またはハッシュタグ（、、）で始まる場合、?通常&、#現在表示しているページにこれを追加します。#exampleに連れて行ってくれます http://stackoverflow.com/questions/15078748/how-to-make-working-path-in-html#example 。
• 最後に、ブラウザは現在のフォルダにあなたを保持し、次にそのリンクにあなたを送ります、例えば：exampleここにあなたを送ります： http://stackoverflow.com/questions/15078748/example

Answer 2

簡単に言えば、次のように書く必要があります。

<a href="./index.html">...</a>

ファイルindex.htmlと同じディレクトリにあるページをindex.htmlにリンクします。

例： ./
my_page.html
は、同じディレクトリ内のページをリンクするために「./」を使用します。

ソースページと宛先ページが異なるフォルダにある場合は 、ページの相対パスに応じて
../my_page.html
または
./folder_path/my_page.htmlを使用する必要があります。

Answer 3

絶対パスではなく相対パスを使用する必要があります。