Partager via


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

Mise à jour : novembre 2007

Le navigateur de balises est une représentation de l'élément actuellement sélectionné dans le document, avec la hiérarchie de balises parentes auxquelles il appartient. Vous pouvez utiliser le navigateur de balises pour savoir sur quel élément du document est placé le focus. Vous pouvez aussi utiliser le navigateur de balises pour vous déplacer de l'élément actuel à un élément situé plus haut dans la hiérarchie actuelle. Par exemple, vous pouvez vous déplacer d'une balise <td> à sa balise <table> parente. Le navigateur de balises est particulièrement utile pour travailler avec des structures profondément imbriquées telles que des tableaux au sein d'autres tableaux.

Affichage du chemin d'accès actuel

Le navigateur de balises est affiché au bas de l'éditeur de page Web. La hiérarchie des balises se présente comme un chemin de navigation (également connu sous le nom de fil d'Ariane) qui montre le chemin d'accès de la balise actuellement sélectionnée jusqu'à la balise la plus éloignée disponible. En mode Design, la balise la plus éloignée est la balise <body>, car le mode Design ne vous permet de modifier que le contenu du corps d'un document. En mode Source, la balise la plus éloignée est la balise <html>.

Le navigateur de balises affiche tous les éléments du document actuel, y compris les balises du balisage HTML (ou autre) et les contrôles serveur Web ASP.NET (éléments <asp:>). Si l'élément est un contrôle serveur Web et possède un attribut ID ou une classe Style Sheet (CSS) Cascading, l'ID ou la valeur de la classe CSS s'affiche dans le navigateur de balises pour vous aider à distinguer cet élément des autres. Si le chemin d'accès de la balise dépasse la largeur de la fenêtre du concepteur, la liste est tronquée du côté de la balise parente et un bouton apparaît pour vous permettre d'afficher davantage de balises parentes.

Remarque :

Le navigateur de balises n'affiche pas tous les éléments du document actuel. Il affiche plutôt le chemin d'accès de l'élément actuel vers son parent le plus éloigné. Pour voir tous les éléments du document, utilisez la Structure du document. Pour plus d'informations, consultez Structure du document, fenêtre.

Sélection d'éléments avec le navigateur de balises

Vous pouvez cliquer sur une balise dans le navigateur pour sélectionner l'élément qu'il représente. Si la balise peut englober du contenu, elle affiche une liste déroulante qui vous permet de sélectionner l'élément entier ou seulement son contenu. Par exemple, si le navigateur de balises affiche une balise <td>, vous pouvez utiliser la liste déroulante du navigateur de balises pour sélectionner soit l'élément <td> (ce qui vous permet de définir les propriétés de l'élément), soit le contenu de l'élément <td> (ce qui vous permet de modifier le contenu).

La fonctionnalité de sélection du navigateur de balises est utile pour exécuter des opérations de modification de blocs, par exemple :

  • Modifier des tableaux en mode Source   Dans le navigateur de balises, il est facile de copier le balisage d'une cellule de tableau (élément <td>, puis de le copier, le déplacer ou le supprimer.

  • Convertir des pages ASP.NET en pages de contenu pour les utiliser avec des pages maîtres   Vous pouvez utiliser le navigateur de balises pour sélectionner le balisage existant, puis le copier et le coller dans un contrôle Contenu.

Voir aussi

Tâches

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

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

Concepts

Mode Design

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

Référence

Mode Source

Structure du document, fenêtre