Liens vers des en-têtes spécifiques sur d'autres pages

Question

Voici comment j'ai configuré mon site. J'ai une page appelée "news.html". Le contenu de cette page est juste un iframe avec une taille fixe. Les liens iframe à "innernews.html", qui est le contenu que j'essaie d'afficher. Je l'ai mis en place de cette façon pour garder chaque page de taille constante. L'iframe empêche l'expansion de la page en raison d'un contenu supplémentaire et est défilable.

Comment créer un lien ciblant un élément/en-tête spécifique dans ma page "innernews.html"? S'il n'y a pas moyen d'y parvenir, je supprime l'iframe et je branche le contenu directement dans "news.html". Mais je ne sais pas comment créer un lien qui cible un élément spécifique/tête ...

Answer 1

Vous pouvez lier un élément (sur une autre page ou sur la même page) uniquement si l'élément a l'attribut id ou s'il s'agit d'un élément a avec l'attribut name. Dans les deux cas, placez l'identificateur de fragment #foo à la fin de l'URL dans le lien, où foo est la valeur de l'attribut.

Si la page étant liée à ne contient pas un tel attribut, et si elle est hors de votre contrôle, vous êtes hors de la chance

Answer 2

Avez-vous envisagé d'utiliser un récipient tel que:

#newsContainer { 
    overflow: scroll; 
    height: /*whatever*/ 
} 

Answer 3

Fondamentalement, vous pouvez simplement créer un lien à en-tête spécifique d'une page:

<a name="your_header_name"></a> 
<h1>Header Text</h1> 

... 

<a href="#your_header_name">Link to the header</a> 

Je recommande vivement de supprimer les iframes de la page s'il n'y a aucune raison de les garder. Les iframes peuvent compliquer votre vie lorsque vous essayez de faire quelque chose de banal.