Comment : utiliser l'éditeur HTML dans Visual Web Developer

Mise à jour : novembre 2007

Le concepteur HTML permet de naviguer dans votre document de plusieurs manières. Les fonctionnalités de navigation sont particulièrement utiles si vous travaillez avec un document d'une certaine longueur ou comportant des éléments extrêmement imbriqués. Vous pouvez utiliser :

• La fenêtre Structure du document, qui présente une arborescence de votre document.

• Le navigateur de balises, qui affiche la balise actuellement sélectionnée dans le contexte de ses balises parents, enfants et homologues.

• La correspondance de balises, pour identifier les balises d'ouverture et de fermeture d'un élément. La correspondance de balises peut vous aider à distinguer l'élément actuel des autres, ce qui est particulièrement utile lorsque la page comporte un grand nombre d'éléments imbriqués.

Pour naviguer avec la fenêtre Structure du document

1. Dans le menu Affichage, cliquez sur Structure du document. Si vous êtes en mode Source, cliquez avec le bouton droit sur le document, puis cliquez sur Synchroniser la structure du document.

   La Structure du document affiche l'arborescence des éléments de votre document. Les éléments exacts affichés dépendent du mode d'affichage actuel :

   • En mode Design, la structure affiche les éléments situés dans le corps du document.

   • En mode Source, la structure affiche l'élément corps, ainsi que les éléments situés dans l'en-tête, la directive de page et les éléments de script et de code, le cas échéant.

2. Dans la fenêtre Structure du document, développez ou réduisez des sections selon les besoins.

3. Cliquez sur un élément pour vous y rendre.

   L'élément sur lequel vous cliquez est sélectionné dans le concepteur.

Pour naviguer en utilisant le navigateur de balises

1. Au bas de la fenêtre du concepteur, cliquez sur la balise sur laquelle vous souhaitez vous rendre.

2. Pour vous déplacer vers le haut dans la hiérarchie des balises, cliquez sur le bouton avec la flèche gauche dans le navigateur. Pour descendre plus profondément dans la hiérarchie des balises, cliquez sur le bouton avec la flèche droite.

   Remarque :
   Si votre hiérarchie est profonde, l'espace disponible peut ne pas suffire pour afficher l'arborescence. Pour défiler vers le haut dans la hiérarchie des balises, cliquez sur le bouton avec la flèche gauche dans le navigateur. Pour défiler plus profondément dans la hiérarchie des balises, cliquez sur le bouton avec la flèche droite.

Pour identifier des balises correspondantes grâce à la mise en surbrillance des balises

• En mode Source, placez le point d'insertion n'importe où dans un élément.

  Les balises d'ouverture et de fermeture de l'élément s'affichent. La mise en surbrillance des balises étant une tâche qui s'exécute en arrière-plan, elle peut donner lieu à un léger délai.

Voir aussi

Tâches

Comment : réduire et développer des éléments HTML dans Visual Web Developer

Concepts

Navigation de balises dans l'éditeur HTML de Visual Web Developer

Référence

Structure du document, fenêtre