Pregunta

Al abrir un archivo desde su disco duro en su navegador, ¿dónde está la raíz del documento?Para ilustrar, dado el siguiente código HTML, si la página se abre desde la máquina local (file:///) Entonces, ¿dónde debería estar el css ¿Será el archivo para que el navegador lo encuentre?

<link href="/temp/test.css" rel="stylesheet" type="text/css" />
¿Fue útil?

Solución

Depende del navegador que utilices, pero Internet Explorer, por ejemplo, te llevará al directorio raíz de tu disco duro (p.ej. C:/), mientras que navegadores como Firefox no hacen nada.

Otros consejos

poder, pero probablemente no quiera hacerlo, configure la raíz del documento por archivo en el encabezado de su archivo:

<base href="my-root">

En una Mac, la raíz del documento es lo que ve en la ventana que aparece después de hacer doble clic en el icono del disco duro principal en su escritorio.La carpeta temporal debe estar allí para que un navegador encuentre el archivo CSS tal como lo tiene escrito en su código.

En realidad, también podrías escribir el código así:

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

Eric, la raíz del documento es la carpeta en la que se encuentra tu archivo, dondequiera que esté.

En lo que respecta al html estático local, a menos que lo especifique, la mayoría de los navegadores tomarán la ubicación del archivo html que está viendo como raíz.Por lo tanto, se puede hacer referencia a cualquier CSS ingresado allí solo por su nombre.

La forma sencilla de obtener la referencia correcta para su archivo CSS es abrirlo en su navegador.Luego simplemente toma la URL que ves allí, algo como:

file:///blah/test.css
y cópielo en el enlace de su hoja de estilo en su html:
<link href="file:///blah/test.css" rel="stylesheet" type="text/css">

O eso, o simplemente puede tomar la URL del archivo html y modificarla para que haga referencia a la hoja de estilo.

Entonces su página local debería cargarse bien con la hoja de estilo local.

Si está interesado en configurar la raíz del documento, puede considerar instalar un servidor web en su máquina o, si ya tiene uno (como Apache o IIS), almacenar su proyecto en desarrollo en la raíz web de ese servidor (htdocs en Apache, no del todo seguro en IIS).Si prefiere dejar sus archivos donde están, puede configurar hosts virtuales e incluso asignarlos a direcciones que puede escribir en su navegador (por ejemplo, tengo una dirección local.mrwarshaw.com que se resuelve en la raíz web de la carpeta de desarrollo de mi sitio personal).

Si estás en Windows y no quieres perder el tiempo configurando un servidor por tu cuenta, puedes obtener un paquete como XAMPP o WAMPP, aunque ten en cuenta que estos conllevan el peso adicional de PHP y MySQL.Aún así, si tienes espacio, son un entorno de desarrollo bastante sencillo para tu máquina.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top