Comment écrire un chemin relatif en HTML5

Comment écrire des chemins relatifs en HTML5 : 1. Utilisez "nom de fichier" pour représenter les fichiers dans le même chemin de niveau ; 2. Utilisez "./nom de fichier" pour représenter les fichiers du répertoire supérieur ; " pour représenter les fichiers supérieurs ; 4. Utilisez "nom de répertoire/nom de fichier de même niveau" pour représenter les fichiers de répertoire de niveau inférieur.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Comment écrire un chemin relatif en HTML5

Objectif : Spécifier la relation de chemin avec d'autres fichiers (ou dossiers) provoquée par le chemin de ce fichier

Si le fichier source et le fichier de référence sont dans le même répertoire, écrivez le référence directement Le nom du fichier suffit et la façon de référencer le fichier est d'utiliser un chemin relatif.

Créez deux documents HTML info.html et index.html ci-dessous à titre d'exemple. Les exigences sont d'ajouter le lien hypertexte index.html vers info.html.

eg1 : Application simple des chemins relatifs

Hypothèse : le chemin info.html est : c:/Inetpub/wwwroot/sites/blabla/info.html

　 Le chemin index.html est : c:/Inetpub/wwwroot/ sites/blabla/index.html

Écriture :

<a href = "index.html">这是超连接</a>

eg2 : Comment représenter le répertoire supérieur

../ représente le répertoire supérieur du répertoire où se trouve le fichier source, http://www.cnblogs .com/ représente la source Le répertoire au-dessus du répertoire où se trouve le fichier, et ainsi de suite.

Supposons : le chemin d'info.html est : c:/Inetpub/wwwroot/sites/blabla/info.html

　Le chemin d'index.html est : c:/Inetpub/wwwroot/sites/index.html

Écriture :

<a href = "../index.html">这是超连接</a>

eg3 : Comment représenter le répertoire de niveau supérieur

Hypothèse : le chemin info.html est : c:/Inetpub/wwwroot/sites/blabla/info.html

　 Le chemin Index.html est : c :/Inetpub/wwwroot/sites /wowstory/index.html

Écriture :

<a href = "../wowstory/index.html">index.html</a>

eg3 : Comment représenter le répertoire de niveau inférieur

Pour référencer les fichiers dans le répertoire de niveau inférieur, écrivez simplement le chemin du directement dans le répertoire de niveau inférieur.

Supposons : le chemin d'accès à info.html est : c:/Inetpub/wwwroot/sites/blabla/info.html

　Le chemin d'accès à index.html est : c:/Inetpub/wwwroot/sites/blabla/html/index .html

Méthode d'écriture :

<a href = "html/index.html">这是超连接</a>

Tutoriel recommandé : "Tutoriel vidéo html"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!