Maison > interface Web > Questions et réponses frontales > Méthodes courantes de définition du chemin de fichier HTML

Méthodes courantes de définition du chemin de fichier HTML

PHPz
Libérer: 2023-04-21 14:24:47
original
2170 Les gens l'ont consulté

Les chemins peuvent être utilisés en HTML pour créer des liens vers d'autres pages, insérer des images, intégrer des feuilles de style, etc. Les paramètres de chemin sont différents selon les fichiers. Voici une manière courante de définir le chemin des fichiers HTML.

  1. Chemin relatif

Un chemin relatif est un chemin relatif au répertoire où se trouve le fichier actuel. Les chemins relatifs peuvent simplifier le code et faciliter la gestion des fichiers. Voici plusieurs méthodes courantes pour définir des chemins relatifs.

1.1. Lien vers d'autres pages

Pour créer un lien vers d'autres fichiers HTML dans le même répertoire, vous pouvez directement écrire le nom du fichier.

<a href="page2.html">Page 2</a>
Copier après la connexion

Pour créer un lien vers un fichier HTML dans le répertoire parent (niveau supérieur), vous pouvez ajouter deux points ".." avant le nom du fichier.

<a href="../page1.html">Page 1</a>
Copier après la connexion

Remarque : ".." représente le répertoire de niveau supérieur. Plusieurs points peuvent être utilisés pour représenter des répertoires à plusieurs niveaux. Par exemple, "../../" représente les répertoires à deux niveaux ci-dessus.

1.2. Insérer des images

Pour insérer des images dans le même répertoire, vous pouvez écrire directement le nom de l'image.

<img src="image.jpg" alt="My Image">
Copier après la connexion

Pour insérer une image dans le répertoire parent, vous pouvez ajouter deux points ".." avant le nom de l'image.

<img src="../image.jpg" alt="My Image">
Copier après la connexion

1.3. Intégrer une feuille de style

Pour intégrer une feuille de style dans le même répertoire, écrivez simplement le nom du fichier de la feuille de style directement dans le fichier HTML.

<link rel="stylesheet" href="style.css">
Copier après la connexion

Pour intégrer une feuille de style dans le répertoire parent, vous pouvez ajouter deux points ".." avant le nom du fichier de la feuille de style.

<link rel="stylesheet" href="../style.css">
Copier après la connexion
  1. Chemin absolu

Le chemin absolu est le chemin complet à partir du nom de domaine et peut être utilisé dans n'importe quel fichier. Voici plusieurs méthodes courantes pour définir des chemins absolus.

2.1. Lien vers d'autres pages

Pour créer un lien vers d'autres fichiers HTML sous le même nom de domaine, vous pouvez écrire directement l'URL complète du lien.

<a href="http://www.example.com/page2.html">Page 2</a>
Copier après la connexion

2.2. Insérer des images

Pour insérer des images sous le même nom de domaine, vous pouvez écrire directement l'URL complète de l'image.

<img src="http://www.example.com/image.jpg" alt="My Image">
Copier après la connexion

2.3. Intégrer une feuille de style

Pour intégrer une feuille de style sous le même nom de domaine, écrivez l'URL complète du fichier de feuille de style directement dans le fichier HTML.

<link rel="stylesheet" href="http://www.example.com/style.css">
Copier après la connexion

Remarque : l'utilisation de chemins absolus rendra le code verbeux et augmentera le temps de chargement des pages Web, il n'est donc pas recommandé de trop l'utiliser.

Résumé

Ce qui précède présente les méthodes courantes de définition des chemins HTML. Un chemin relatif détermine le chemin de liaison, d'insertion d'images et d'intégration de feuilles de style en fonction de l'emplacement du fichier actuel, tandis qu'un chemin absolu est le chemin complet commençant par le nom de domaine. Choisir la méthode de chemin appropriée en fonction des emplacements et des besoins de fichiers spécifiques peut simplifier le code, faciliter la gestion des fichiers et améliorer la vitesse de chargement des pages Web.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal