Utilice la ubicación del archivo actual como punto de referencia para establecer la ruta del archivo de destino.
El concepto de camino absoluto.La ruta completa de todo el archivo, como X:/www/web/index.html o http://waldo.com.cn/index.html. Ambos son caminos absolutos.
Explicación detallada de varias formas de utilizar rutas relativas.Supongamos que actualmente hay una página que desea vincular a una página llamada test.html. A continuación se muestran las expresiones de múltiples rutas relativas.
| Ejemplo de ruta relativa | El significado del camino. |
|---|---|
| href=prueba.html | Indica que esta página está en el directorio donde se encuentra la página actual |
| href=./prueba.html | Indica que esta página está en el directorio donde se encuentra la página actual. Un solo punto tiene el mismo significado que el nombre del archivo directo anterior. |
| href=/prueba.html | Indica que esta página está en el directorio raíz del sitio web. |
| href=../prueba.html | Indica que esta página está en el directorio encima de la página actual. |
| href=../../prueba.html | Indica que esta página está en el directorio un nivel por encima de la página actual (es decir, dos directorios por encima). Cada vez que el directorio principal aumenta, agregue un ../. |
| href=../prueba.html | Indica que esta página está en el subdirectorio web del directorio encima de la página actual. |
La barra diagonal única / representa el directorio raíz. Puede utilizar la barra diagonal única / para acceder directamente al directorio raíz en cualquier nivel.
Supongamos que muchos lugares de la página web están vinculados a la página about.html en la carpeta web en el directorio raíz del sitio web, entonces el código html debe escribirse así <a href='/about.html'>enlace a </a>.
Las rutas relativas acceden a archivos en el directorio principal de la página actual ../ representa el directorio de nivel superior del archivo actual, suponiendo que la ruta de la página actual es Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm. La página debe vincularse al archivo X:www/web/StaticPageFiles/SiteMapFiles/Tag3/tag_3_1.htm. Entonces la dirección del enlace en la página actual debe ser <a href='../Tag3/tag_3_1.htm'>.NET标签</a> .
PD: Dado que el directorio actual es Tag11 y el directorio donde se encuentra el archivo de destino que se vinculará a la página es Tag3, que pertenece al mismo directorio principal SiteMapFiles que el directorio actual, debe usar ../ para vincular. primero al directorio principal y luego al directorio principal. El directorio y los archivos de destino.
Las rutas relativas acceden a archivos en directorios principales de varios niveles de la página actualDado que ../ representa el directorio de nivel superior del archivo actual, entonces ../../ representa el directorio de nivel superior del archivo actual. Simplemente superponga ../ de acuerdo con el número de niveles principales que se obtendrán.
Las rutas relativas acceden a archivos en el directorio subordinado al que pertenece el archivo de página actual. Simplemente use el nombre del directorio actual/el nombre del directorio subordinado/el nombre del archivo de destino. Supongamos que el directorio donde se encuentra el archivo actual es shiyousan.com/StaticPageFiles/SiteMapFiles/ . Para vincular el archivo en Tag3 en el directorio actual, la dirección del vínculo se puede escribir así: <a href='SiteMapFiles/Tag3/tag_3_1.htm'>链接</a> , o también puedes usar ./, ./ se escribe así: <a href='./SiteMapFiles/Tag3/tag_3_1.htm'>链接</a>。
.--------Un solo punto o un nombre de directorio directo indica el directorio actual.
.. --------Los puntos dobles representan el directorio de nivel superior del archivo actual
/--------Una sola barra indica el directorio raíz del sitio web actual
Lo anterior es una explicación detallada de cómo HTML usa rutas relativas para obtener archivos en directorios en todos los niveles presentada por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá. a ti a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!