デスクトップ上でwebサイトをTwitter bootstrapのフレームワークを使いながら構築しました。ローカル上は何の問題もなかったのですが、サーバーにアップロードした途端に、CSSや画像の読み込みがされなくなってしまいました。
The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions.
というようなメッセージがfirefoxで確認されました。
ディレクトリ構造は、下記のような感じです。
index.html
bootstrap/css
bootstrap/js
bootstrap/img
実際のindex.htmlのヘッダー
(ちなみにhtml5の記法に従ってます。)
<head>
<meta charset="utf-8"/>
<title>Twitter bootstrap practice</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet"/>
<script src="bootstrap/js/jquery.js"/></script>
<script src="bootstrap/js/bootstrap.min.js"/></script>
<style type="text/css">
body{padding-top:40px}
</style>
</head>
なぜかさっぱりわかりません。
教えてください。
よろしくおねがいします。
firefoxをお使いなら、Live HTTP Headersをつかって、「The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions.」は確認できます。
Live HTTP Headers ( https://addons.mozilla.jp/firefox/details/3829 )
なお、HTMLは間違ってます。HTML5では、XHTMLとの過去互換性のため空要素は、/>で閉じることも許容されますが、
<script src="bootstrap/js/jquery.js"/></script>
は明らかな間違いです。
<script src="bootstrap/js/jquery.js">
ですが、
<script src="bootstrap/js/jquery.js"/>
とも書けます。type属性は不要になりました。
お礼
アクセス権で解決しました!!ありがとうございます!!