html - img - javascript title
Seleccionando un directorio padre en html (3)
Tengo una pregunta general (no estoy muy familiarizado con html).
El siguiente uso de la barra inclinada que he descubierto apunta a un subdirectorio, en este caso para Imágenes:
/Image/my_Image.png
¿Hay un equivalente html para apuntar a un directorio principal?
Funciona perfectamente también junto con una etiqueta <base> ;
ejemplo
<head>
<base href="resources/">
</head>
luego desde el índice raíz: <a href="template/sample1.html">sample1</a>
<head>
<base href="../resources/">
</head>
luego desde la plantilla: <img src="images/sample1.jpg">
trabajando con una estructura de directorios como:
index.html
recursos / plantilla /
recursos / imagenes /
Punto único = directorio actual, punto doble es directorio padre ...
./ = current
../ = parent
Entonces, digamos que tiene una regla de estilo para una imagen en un archivo CSS llamado "styles.css".
- La ubicación de la hoja de estilo es C: / MyApp / CSS / styles.css.
- La ubicación de la imagen es: C: / MyApp / Image / my_Image.png.
Cuando se esté leyendo el CSS, será la ubicación de ese archivo css que se usa para la ubicación actual . Entonces, si quieres llegar a tu imagen, puedes apuntarla así:
background: url("../Image/my_Image.png") no-repeat scroll 0 0 transparent;
Si la ubicación de la imagen hubiera estado directamente en C: /, tendría que retroceder dos directorios principales:
background: url("../../my_Image.png") no-repeat scroll 0 0 transparent;
Este principio también se aplica a los archivos JavaScript y así sucesivamente.
../ le dará un nivel superior del directorio padre. Puedes usar todo lo que quieras para padres de nivel superior como ../../
../Image/my_Image.png
Será la carpeta de imágenes en el directorio padre.