Tag-Navigation im HTML-Editor von Visual Web Developer
Aktualisiert: November 2007
Der Tag-Navigator ist eine Darstellung des gegenwärtig im Dokument ausgewählten Elements und der Hierarchie übergeordneter Tags, zu der das Element gehört. Sie können den Tag-Navigator verwenden, um zu bestimmen, welches Element des Dokuments den Fokus besitzt. Zusätzlich können Sie mithilfe des Tag-Navigators vom aktuellen Element zu einem Element wechseln, das sich auf einer höheren Ebene der aktuellen Hierarchie befindet. So können Sie zum Beispiel von einem <td>-Tag zum übergeordneten <table>-Tag wechseln. Der Tag-Navigator ist insbesondere bei der Arbeit mit tief geschachtelten Strukturen von großem Nutzen, wie zum Beispiel bei Tabellen innerhalb von Tabellen.
Anzeigen des aktuellen Pfads
Der Tag-Navigator wird am unteren Rand des Webseiten-Editors angezeigt. Die Hierarchie der Tags wird als Navigationspfad dargestellt, auch Breadcrumb genannt, der den Pfad vom gegenwärtig ausgewählten bis zum äußersten verfügbaren Tag anzeigt. In der Entwurfsansicht ist das <body>-Tag das äußerste Tag, da in der Entwurfsansicht nur der Inhalt des Dokumenttexts bearbeitet werden kann. In der Quellansicht ist das <html>-Tag das äußerste Tag.
Der Tag-Navigator zeigt alle im aktuellen Dokumente enthaltenen Elemente an, sowohl HTML- und weitere Markuptags als auch ASP.NET-Webserver-Steuerelemente (<asp:>-Elemente). Wenn das Element ein Webserversteuerelement ist und über ein ID-Attribut oder eine CSS-Klasse (Cascading Style Sheet) verfügt, wird im Tag-Navigator der ID-Wert oder der CSS-Klassenwert angezeigt, um die Unterscheidung dieses Elements von anderen Elementen zu erleichtern. Wenn der Tagpfad die Breite des Designerfensters überschreitet, wird die Liste ab dem übergeordneten Tag abgekürzt, und es wird eine Schaltfläche angezeigt, mittels derer Sie weitere übergeordnete Tags anzeigen können.
.gif "Hinweis") Hinweis: |
|---|
Der Tag-Navigator zeigt nicht alle Elemente im aktuellen Dokument an. Stattdessen zeigt er den Pfad vom aktuellen Element bis zum äußersten übergeordneten Element an. Wenn Sie alle Elemente anzeigen möchten, verwenden Sie die Dokumentgliederung. Ausführliche Informationen finden Sie unter Fenster "Dokumentgliederung". |
Auswählen von Elementen mit dem Tag-Navigator
Sie können im Navigator auf ein Tag klicken, um das durch dieses Tag dargestellte Element auszuwählen. Wenn das Tag Inhalt aufnehmen kann, zeigt das Tag eine Dropdownliste an, in der Sie entweder das gesamte Element oder nur seinen Inhalt auswählen können. Wenn der Tag-Navigator beispielsweise ein <td>-Tag anzeigt, können Sie die Dropdownliste im Tag-Navigator verwenden, um entweder das <td>-Element auszuwählen (wenn Sie Eigenschaften des Elements festlegen möchten) oder um den Inhalt des <td>-Elements auszuwählen (wenn Sie den Inhalt bearbeiten möchten).
Das Auswahlfeature des Tag-Navigators ist besonders dann nützlich, wenn Sie Blockbearbeitungsoperationen wie die folgenden ausführen:
Bearbeiten von Tabellen in der Quellansicht: Der Tag-Navigator erleichtert das Kopieren von Markup für eine Tabellenzelle (<td>-Element) und das anschließende Kopieren, Verschieben oder Löschen.
Konvertieren von ASP.NET-Seiten in Inhaltsseiten zur Verwendung mit Masterseiten: Sie können den Tag-Navigator verwenden, um vorhandenes Markup auszuwählen, zu kopieren und in ein Inhalt-Steuerelement einzufügen.
Siehe auch
Aufgaben
Gewusst wie: Navigieren im HTML-Editor von Visual Web Developer
Gewusst wie: Reduzieren und Erweitern von HTML-Elementen in Visual Web Developer
Konzepte
Tag-Navigation im HTML-Editor von Visual Web Developer