Q&A
すみません、書き方が悪かったのですが、htmlという名前のフォルダ内にsample.htmlが入っていて、cssという名前のフォルダ内にstylesheet.cssが入っています。２つのフォルダが同じ階層です。
###困っていること
デスクトップ
┗htmlフォルダ
｜ - sample.html
┗- cssフォルダ
- stylesheet.css
上のような階層になっています。
html
1<!DOCTYPE html> 2 3<html> 4 <head> 5 <meta charset='utf-8'> 6 <link rel="stylesheet" href="../css/stylesheet.css"> 7 8 9 </head> 10 <body> 11 12 </body> 13</html> 14
上のようなhtmlファイルをFinderからファイルをダブルクリックしてsafariで「file:///Users/[username]/Desktop/sample.html」
で開くとstylesheet.cssが読み込まれません。
なぜでしょうか？
回答2件
0
Webサーバがブラウザからの要求に対して返すコンテンツは、特定のフォルダーに置きます。
Webサーバにnginxを使っているなら、「root /usr/share/nginx/html」というような設定がファイル /etc/nginx/conf にあります。
Webサーバにapacheを使っているなら、「DocumentRoot "D:/Apache Group/Apache2.2/htdocs"」というような設定がファイル httpd.conf にあります。
そして、http://localhost:8080/でアクセスされるフォルダーは、上記のような設定ファイルでrootやDocumentRootに設定されているフォルダーです。
普通、rootやDocumentRootをデスクトップフォルダーにすることはありません。（いつでも簡単に修正できるような場所にWebの内容のファイルの置き場所にすると、ちょっとした操作ミスでファイルの内容を変えてしまったり、変更中のためにWebで見えなくなったりしますから）
まずはWebサーバの設定を見直して、ごく一般的な設定にすることをお勧めします。
投稿2020/01/15 08:59
総合スコア6921
0
同じ階層にcssがあるのであれば
<link rel="stylesheet" href="stylesheet.css">
上記で読み込まれるかと思います。
投稿2020/01/15 07:54
総合スコア176
```
htmlフォルダ
｜- sample.html
┗- cssフォルダ
┗ stylesheet.css
```
上記のような構造でしょうか？
だとすると下記のように書いたら表示できるかと思います＾＾
```
<link rel="stylesheet" href="css/stylesheet.css">
```
いえ、htmlフォルダとcssフォルダが同じ階層です。どちらもDesktopフォルダ直下のフォルダです。
ローカルサーバーを立てて
http://localhost:8080/html/sample.html
のリンクで開いたときは読み込めて
file:///Users/[username]/Desktop/html/sample.html
のように開いたときは読み込めていないので、パスの書き方の問題でなく別の問題な気がしてきました。
下記のような階層構造ってことですよね。
```
デスクトップ
┗htmlフォルダ
｜ - sample.html
┗- cssフォルダ
- stylesheet.css
```
当方ローカルサーバーのこと詳しくないので、
質問内容とタイトルの変更を行って、有識者の方に見てもらった方がよいと思いました。
あと、フォルダの階層構造など記載すると答えやすいかと思われます！
タイトルイメージ
→ ローカルサーバーでcssがうまく読み込まれない
お役に立てずすみません。
質問内容を変えることにしました。ありがとうございます。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/15 09:23