web-dev-qa-db-fra.com

Spécifiez un chemin racine de votre répertoire HTML pour les liens de script?

J'écris un modèle pour Dreamweaver et je ne souhaite pas modifier les scripts des pages de sous-dossiers.

Existe-t-il un moyen de rendre le chemin relatif au répertoire racine?

par exemple:

<link type="text/css" rel="stylesheet" href="**root**/style.css" />

Au lieu de **root** ci-dessus, je veux un chemin par défaut. Y at-il un moyen de faire quelque chose comme ça?

htmlpath
38
Gazow

Pour être relatif au répertoire racine, il suffit de démarrer l’URI avec un /

<link type="text/css" rel="stylesheet" href="/style.css" />
<script src="/script.js" type="text/javascript"></script>
76
Quentin

/ signifie la racine du lecteur en cours;

./ signifie le répertoire en cours;

../ signifie le parent du répertoire en cours.

19
MistyDawn

Je recommande d'utiliser l'élément HTML <base> :

<head>
    <base href="http://www.example.com/default/">
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
</head>

Dans cet exemple, la feuille de style est située dans http://www.example.com/default/style.css, le script dans http://www.example.com/default/script.js. L’avantage de <base> par rapport à / est qu’il est plus flexible. Votre site Web entier peut être situé dans un sous-répertoire d'un domaine et vous pouvez facilement modifier le répertoire par défaut de votre site Web.

18
Alexander Jank

Il suffit de commencer avec une barre oblique? Cela signifie racine. Tant que vous testez sur un serveur Web (par exemple, localhost) et non sur un système de fichiers (par exemple, C :), il ne vous reste plus qu'à effectuer cette tâche.

7
Lee Kowalkowski

C'est étrangement déroutant pour moi. Je sais que ça ne devrait pas être. Pour vérifier ma compréhension, j'aimerais utiliser un modèle de relations familiales pour comparer. En supposant que "Vous" soit la page Web actuelle, les éléments suivants sont-ils corrects?

<img src="picture.jpg">            In your folder with you, like a sibling
<img src="images/picture.jpg">     In your child's folder, under you
<img src="../picture.jpg">         In your parent's folder, above you
<img src="/images/picture.jpg">    In your cousin's folder

Donc, jusqu’à parent, jusqu’à la fratrie, jusqu’à leur enfant = votre cousin, nommé "images".

0
TriangleGM

utilisez deux périodes avant /, par exemple: "../style.css"

0
Agnostikguy