La ruta del archivo HTML especifica la ubicación del archivo dentro de la carpeta del sitio web. La ruta de un archivo es muy similar a la dirección del archivo de un navegador web. Usando la ruta del archivo HTML, cualquier archivo o recurso externo se puede vincular al archivo HTML.
1. Ruta del archivo HTML
Una ruta de archivo describe la ubicación de un archivo dentro de la estructura de carpetas de un sitio web. La ruta del archivo se utilizará al vincular archivos externos:
(1)página web
(2) Imagen
(3) Hoja de estilo
(4)JavaScript
2. Clasificación de rutas
Los internautas a menudo descubren que las imágenes en sus páginas web no se pueden mostrar. De hecho, la mayoría de las razones se deben a que su dirección está escrita incorrectamente. Las imágenes o vídeos de la página web tienen sus propias ubicaciones de almacenamiento correspondientes. Las páginas web los encuentran simplemente por su ruta.
Si la página necesita encontrar la imagen, puede lograrlo a través de la ruta. La ruta se divide en ruta relativa (comúnmente utilizada) y ruta absoluta.
(1) Camino relativo
Las rutas relativas apuntan a archivos relativos a la página actual. En el siguiente ejemplo, la ruta del archivo apunta a un archivo ubicado en la carpeta de imágenes en el directorio raíz del sitio web actual;
El proceso de encontrar el archivo de destino a partir del archivo actual se divide en directorios del mismo nivel, directorios de nivel superior y directorios de nivel inferior.
a.Directorio similar
El archivo actual y el archivo de destino están en el mismo directorio
b.Directorio superior
El archivo de destino está en el directorio de nivel superior.
c. directorio subordinado
El archivo de destino está en el directorio de nivel inferior.
2. Camino absoluto
Una ruta de archivo absoluta se refiere a una URL completa que apunta a un archivo de Internet; una ruta absoluta en un directorio puede llegar directamente a la ubicación de destino y se divide en una ruta que comienza desde la letra de la unidad y una dirección de red completa.
Ejemplo:
<imgsrc=https://www.dotcpp.com/oj/image/photo.pngalt=demo>