Rutas de archivo en html | Explicado
Además, estas rutas de archivo son útiles para agregar documentos externos como una imagen, un video, una hoja de estilo, un archivo JavaScript u otras páginas web en su página web HTML actual.
Tipos de ruta de archivo HTML
En general, hay dos tipos de rutas de archivo HTML.
- Ruta de archivo absoluto
- Ruta de archivo relativo
Las rutas de archivo mencionadas anteriormente se explican es el detalle a continuación.
Ruta de archivo absoluto
Esta ruta del archivo en HTML representa la dirección de URL completa de un archivo.
Sintaxis
La sintaxis de una ruta de archivo absoluta es la siguiente.
Ejemplo
Producción
Ruta de archivo relativo
Una ruta de archivo relativo denota la dirección del archivo relativo asociado con la ubicación de la página web actual. Hay tres condiciones cuando se puede usar una ruta de archivo relativo.
Condición 1: cuando el archivo externo y el archivo de página web actual se encuentran en la misma carpeta.
Cuando el archivo está en la misma carpeta que el archivo de página actual.
La imagen de arriba está presente en la misma carpeta que el archivo de la página web curente.
Producción
La imagen se agregó con éxito.
Condición 2: cuando el archivo está presente en una carpeta que se encuentra encima de la carpeta del archivo de la página web.
Cuando el archivo está presente en una carpeta que se encuentra encima de la carpeta del archivo de la página web.
La imagen de arriba está presente en una carpeta que se encuentra encima de la carpeta del archivo de página web actual.
Producción
Condición 3: cuando el archivo está presente en una carpeta que se coloca en la raíz del archivo web.
Cuando la ubicación de la carpeta que contiene el archivo está en la raíz del archivo web.
La imagen de arriba está presente en la raíz del archivo web actual.
Producción
Las rutas de archivo relativas deben tener prioridad sobre las rutas de archivo absoluto porque, utilizando una ruta de archivo relativo, su código fuente estará libre de URL.
Conclusión
Una ruta de archivo en HTML se refiere a la ubicación del archivo dentro de una carpeta web que contiene datos relevantes. Estas rutas de archivos son utilizadas como direcciones por el navegador web para extraer los archivos. Las rutas de archivo son útiles al agregar documentos externos como una imagen, un video, una hoja de estilo, un archivo JavaScript u otras páginas web en su página web HTML actual. Este artículo discute las rutas de archivos HTML y sus tipos en detalle junto con los ejemplos apropiados.