2011-07-27 15 views
4

.htaccessやその他の方法でベースURLを設定することが可能かどうか疑問に思います。 index.phpの中.htaccessのベースURL

私のCSSはこの

<link rel="stylesheet" href="css/style.css"/> 

のように設定されている私は自分のファイルやページをロードするために最初のディレクトリにいる時すべてが正常に動作します。しかし、私がページを/page/index.htmlのようなフォルダに設定していると、フォルダはページ/にはないがルートディレクトリにあるため、cssは読み込まれません。

これは、CSS、画像、JavaScriptなどをロードするためにルートディレクトリから常に見えるようにすることが可能です。または、ロードする各要素(CSS、画像、JavaScript)に完全なURLパスを設定する必要があります。 、など)?

おかげ

答えて

6

使用ベースURL、例えば: -

<html> 
<head> 
<base href="http://www.w3fools.com/" target="_blank" /> 
<!-- only one base element is allowed --> 
<link rel="stylesheet" type="text/css" href="/stdtheme.css" /> 
</head> 

<body> 
<img src="stickman.gif" width="24" height="39" /> - Notice that we have only specified a relative address for the image. Since we have specified a base URL in the head section, the browser will look for the image at "http://www.w3schools.com/images/stickman.gif" 
<br /><br /> 
<a href="http://www.w3fools.com">Don't use W3Schools</a> - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank". 

</body> 
</html> 
+0

ちょっと、私の前に何かを探していないのは、.htaccessでもっと複雑な方法を探すのではなく、どうしたらいいのですか。ありがとう – Warface

+0

@Warface私はあなたがphp解決URLを使用することをお勧めします。あなたのベースタグに満足すれば、私はあまりにも幸せです –

+0

@ pornel –

3

あなたのページに、絶対パスを使用する必要があります。

<link rel="stylesheet" href="/css/style.css"/> 

ベースタグをすべての非絶対URIはそれで使用されるように、多くの頭痛を引き起こす可能性があります。

0

あなたが探しているのは、HTML <base href="your base URL here">タグです。これはドキュメントのベースURIであり、すべての相対リンクが解決されます。タグがドキュメントソース内にない場合、ブラウザアドレスからのURIが使用されます。

この代わりに、絶対URIも使用できます。

あなたが使っていることを理解するには、Links in HTML Documentsを参照してください。

2

あなたはhtmlのbaseタグを探しています。

: はに解決だろう "../cages/birds.gif"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<HTML> 
    <HEAD>  
     <TITLE>Our Products</TITLE>  
     <BASE href="http://www.aviary.com/products/intro.html"> 
    </HEAD> 
    <BODY>  
     <P>Have you seen our 
      <A href="../cages/birds.gif">Bird Cages</A>? 
    </BODY> 
</HTML> 

相対URI:ドキュメント引用すると:たとえば

を、次のBASE宣言及び宣言を与えられました

http://www.aviary.com/cages/birds.gif