Comment définir un point d'ancrage en HTML-Questions et réponses frontales-php.cn

Comment définir un point d'ancrage en HTML

藏色散人

Libérer： 2023-01-06 11:15:23

original

24977 Les gens l'ont consulté

Comment définir des points d'ancrage en HTML : 1. Définissez un lien d'ancrage "..." 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 pour trouver des chats (Remarque : ajoutez # au début de la valeur de l'attribut href)

② : Activé. la page Définissez le point d'ancrage à la position requise (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

Meow Star Base

; 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>

Copier après la connexion