Pouvez-vous définir, ou où se trouve, la racine du document local ?

Question

Lorsque vous ouvrez un fichier depuis votre disque dur dans votre navigateur, où se trouve la racine du document ?Pour illustrer, étant donné le code HTML suivant, si la page est ouverte depuis la machine locale (file:///) alors où devrait le css le fichier doit-il être trouvé par le navigateur ?

<link href="/temp/test.css" rel="stylesheet" type="text/css" />

Answer 1

Cela dépend du navigateur que vous utilisez, mais Internet Explorer, par exemple, vous amènera au répertoire racine de votre disque dur (par ex. C:/), alors que les navigateurs comme Firefox ne font rien.

Answer 2

Toi peut, mais vous ne le souhaitez probablement pas, définissez la racine du document fichier par fichier dans l'en-tête de votre fichier :

<base href="my-root">

Answer 3

Sur un Mac, la racine du document est ce que vous voyez dans la fenêtre qui apparaît après avoir double-cliqué sur l'icône principale du disque dur sur votre bureau.Le dossier temporaire doit être là pour qu'un navigateur puisse trouver le fichier CSS tel que vous l'avez écrit dans votre code.

En fait, vous pourriez aussi écrire le code comme ceci :

<link href="file:///temp/test.css" rel="stylesheet" type="text/css" />

Answer 4

Eric, la racine du document est le dossier dans lequel se trouve votre fichier, où qu'il se trouve.

Answer 5

En ce qui concerne le HTML local et statique, sauf si vous le spécifiez, la plupart des navigateurs prendront l'emplacement du fichier HTML que vous consultez comme racine.Ainsi, tout CSS placé ici peut simplement être référencé par son nom uniquement.

La manière paresseuse d’obtenir la référence correcte pour votre fichier CSS est de l’ouvrir dans votre navigateur.Ensuite, récupérez simplement l'URL que vous voyez ici - quelque chose comme :

file:///blah/test.css

et copiez-le dans le lien de votre feuille de style sur votre code HTML :

<link href="file:///blah/test.css" rel="stylesheet" type="text/css">

Soit cela, soit vous pouvez simplement prendre l'URL du fichier HTML et la modifier pour faire référence à la feuille de style.

Ensuite, votre page locale devrait se charger correctement avec la feuille de style locale.

Answer 6

Si vous souhaitez définir la racine du document, vous pouvez envisager d'installer un serveur Web sur votre ordinateur ou, si vous en avez déjà un (comme Apache ou IIS), de stocker votre projet en développement dans la racine Web de ce serveur (htdocs dans Apache, pas entièrement sûr dans IIS).Si vous préférez laisser vos fichiers là où ils se trouvent, vous pouvez configurer des hôtes virtuels et même les mapper à des adresses que vous pouvez saisir dans votre navigateur (par exemple, j'ai une adresse local.mrwarshaw.com qui correspond à la racine Web). du dossier de développement de mon site personnel).

Si vous êtes sous Windows et que vous ne voulez pas vous soucier de la configuration d'un serveur par vous-même, vous pouvez obtenir un package comme XAMPP ou WAMPP, mais gardez à l'esprit que ceux-ci comportent le poids supplémentaire de PHP et MySQL.Néanmoins, si vous avez de l'espace, il s'agit d'un environnement de développement assez simple pour votre machine.