..." ; 2. Définissez le point d'ancrage à la position requise dans la page ; le href Ajoutez simplement "#+anchor name" après le chemin."/> ..." ; 2. Définissez le point d'ancrage à la position requise dans la page ; le href Ajoutez simplement "#+anchor name" après le chemin.">

Maison  >  Article  >  interface Web  >  Comment définir un point d'ancrage en HTML

Comment définir un point d'ancrage en HTML

藏色散人
藏色散人original
2021-05-25 10:56:1724910parcourir

Comment définir des points d'ancrage en HTML : 1. Définissez un lien d'ancrage "0a9b0e264ddbf322cec2bf7d1441f351...5db79b134e9f6b82c0b36e0489ee08ed" 2. Placez-le à la position requise. sur la page Définissez le point d'ancrage ; 3. Ajoutez "#+anchor name" après le chemin dans href.

Comment définir un point d'ancrage en HTML

L'environnement d'exploitation de cet article : Système Windows 7, version HTML5, ordinateur DELL G3

Point d'ancrage en html

  • Paramètre d'ancrage pour sauter dans la page

Sauter dans la page nécessite deux étapes :

Première méthode :

① : Définissez un lien d'ancrage 0a9b0e264ddbf322cec2bf7d1441f351 pour trouver des chats5db79b134e9f6b82c0b36e0489ee08ed (Remarque : ajoutez # au début de la valeur de l'attribut href)

② : Activé. la page Définissez le point d'ancrage à la position requise 90dde8fa6ab21c20f2955ffc174843c05db79b134e9f6b82c0b36e0489ee08ed (Remarque : un attribut de nom doit être écrit dans la balise a et la valeur de l'attribut doit être la même que celle du href valeur d'attribut dans ①. N'ajoutez pas #) Remplissez le texte nécessaire si nécessaire dans la balise, n'écrivez généralement pas le contenu

Méthode 2 :

① : Identique à la méthode 1 ①

② : Définissez la position du point d'ancrage 69448d96d5155946085bc042e89e96ceMeow Star Base39528cedfa926ea0c01e69ef5b2ea9b0; Ajoutez un attribut id à l'étiquette de l'emplacement vers lequel vous souhaitez accéder. La valeur est la même que la valeur de l'attribut href dans ①, sans ajouter #

Méthode 2 : Il n'est pas nécessaire d'ajouter une balise a distincte pour définir spécifiquement le point d'ancrage, ajoutez simplement un identifiant à la balise au niveau du point d'ancrage. emplacement requis.

Petit boîtier :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>萌宠集结号</title>
</head>
<body>
    <ul>
        <li><a href="#miao">去找喵星人</a></li>
        <li><a href="#wang">去找汪星人</a></li>
        <li><a href="#meng">其他萌物</a></li>
    </ul>
    <a name="miao"></a><!--设置锚点方法1-->
    <h3 id="miao">喵星人基地</h3><!--设置锚点方法2-->
    <p>喵喵喵~</p>
    <p>喵喵喵~</p>
    <p>喵喵喵~</p>
    <p>喵喵喵~</p>
    <p>喵喵喵~</p>
    <p>喵喵喵~</p>
    
    <a name="wang"></a>
    <p>汪汪汪~</p>
    <p>汪汪汪~</p>
    <p>汪汪汪~</p>
    <p>汪汪汪~</p>
    <p>汪汪汪~</p>
    <p>汪汪汪~</p>
    <a name="meng"></a>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
    <p>萌萌萌~</p>
</body>
</html>

  • Saut de page croisée

① : Définir le lien d'ancrage, ajoutez : #+nom de l'ancre après le chemin dans href, vous pouvez

Par exemple : cbdc8209c19d356e2680ead098d43b4cAller à la page du numéro de collection d'animaux mignons

② : Définissez le point d'ancrage dans la page à laquelle vous souhaitez accéder. Pour la méthode, voir l'étape ② Choisissez l'une des deux méthodes.

Apprentissage 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!

Déclaration:
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