Lier des fichiers HTML dans un dossier?

Question

Les parties répétitives de mes pages Web sont placées dans un fichier HTML séparé et incluses sur chaque page qui utilise ces parties (un en-tête par exemple). De cette façon, je n'aurais qu'à le changer une fois et chaque en-tête de page est mis à jour automatiquement. Cela fonctionne très bien sur les pages qui sont dans la racine du site. Cependant, lorsque j'inclus l'en-tête sur les pages d'un dossier, je devrais changer tous les liens "example.html" en liens "../example.html" afin qu'il soit lié au dossier parent. Lorsque je fais cela, les liens d'en-tête sur les pages de la racine du site sont cassés car il va rechercher les fichiers dans le dossier parent de la racine du site. Je voudrais juste un fichier d'en-tête et l'utiliser sur chaque page, que ce soit dans la racine du site ou dans un dossier.

Ma solution était de créer deux fichiers d'en-tête différents. L'un d'eux a des liens "example.html" à utiliser sur les pages de la racine du site, et l'autre a des liens "../example.html" à utiliser sur les pages d'un dossier. C'est la seule solution que j'ai jusqu'à présent, et je pense qu'il est très inefficace d'utiliser deux fichiers différents lorsque la seule différence est le "../" avant chaque lien. Question: est-ce vraiment la seule solution?

Answer 1

Si vous commencez vos URL avec une barre oblique, elles seront relatives à l'URL de base plutôt qu'à l'URL de votre page en cours. Par exemple:

Current Page: http://example.com/about.html 
Link:   <a href="/index.html"> 
Result Page: http://example.com/index.html 

Current Page: http://example.com/directory/about.html 
Link:   <a href="/index.html"> 
Result Page: http://example.com/index.html