Gewusst wie: Navigieren im HTML-Editor von Visual Web Developer

Aktualisiert: November 2007

Der HTML-Designer stellt eine Vielzahl von Möglichkeiten bereit, um in einem Dokument zu navigieren. Die Navigationsfunktionen sind insbesondere bei großen Dokumenten oder Dokumenten mit tief geschachtelten Elementen hilfreich. Es stehen Ihnen folgende Möglichkeiten zur Verfügung:

• Das Fenster Dokumentgliederung, in dem eine Strukturansicht des Dokuments angezeigt wird.

• Der Tag-Navigator, der das aktuell ausgewählte Tag im Kontext des übergeordneten Elements, des untergeordneten Elements und der Peertags anzeigt.

• Tagzuordnung zur Bestimmung von Starttag und Endtag eines Elements. Durch die Tagzuordnung können Sie das aktuelle Element von anderen Elementen unterscheiden. Insbesondere auf einer Seite mit einer Vielzahl von geschachtelten Elementen ist dies sehr nützlich.

So navigieren Sie mithilfe des Fensters "Dokumentgliederung"

1. Klicken Sie im Menü Ansicht auf die Option Dokumentgliederung. Wenn Sie sich in der Quellansicht befinden, klicken Sie mit der rechten Maustaste auf das Dokument, und klicken Sie auf Dokumentgliederung synchronisieren.

   Die Dokumentgliederung zeigt eine Strukturansicht der Elemente im Dokument an. Welche Elemente angezeigt werden, hängt von der Ansicht ab, in der Sie sich befinden:

   • In der Entwurfsansicht zeigt die Gliederung Elemente im Dokumenttext an.

   • In der Quellansicht zeigt die Gliederung das body-Element und Elemente im head-Teil, die Seitendirektive sowie Skript- und Codeelemente (falls vorhanden) an.

2. Erweitern oder reduzieren Sie im Fenster Dokumentgliederung die entsprechenden Abschnitte.

3. Klicken Sie auf ein Element, um dorthin zu navigieren.

   Das Element, auf das Sie klicken, wird im Designer ausgewählt.

So navigieren Sie mit dem Tag-Navigator

1. Klicken Sie am unteren Rand des Designerfensters auf das Tag, zu dem Sie navigieren möchten.

2. Um sich in der Taghierarchie nach oben zu bewegen, klicken Sie im Navigator auf die Schaltfläche mit dem nach links zeigenden Pfeil. Um sich tiefer in die Taghierarchie hinein zu bewegen, klicken Sie auf die Schaltfläche mit dem nach rechts zeigenden Pfeil.

   Hinweis:

   Bei einer weit verschachtelten Hierarchie reicht der Platz zur Darstellung der gesamten Strukturansicht möglicherweise nicht aus. Um in der Taghierarchie einen Bildlauf nach oben durchzuführen, klicken Sie im Navigator auf die Schaltfläche mit dem nach links zeigenden Pfeil. Um einen Bildlauf tiefer in die Taghierarchie hinein durchzuführen, klicken Sie auf die Schaltfläche mit dem nach rechts zeigenden Pfeil.

So identifizieren Sie zusammengehörende Tags durch Taghervorhebung

• Positionieren Sie in der Quellansicht die Einfügemarke an einer beliebiger Stelle in einem Element.

  Starttag und Endtag des Elements werden angezeigt. Da die Taghervorhebung im Hintergrund ausgeführt wird, kann es vor der Hervorhebung der Tags unter Umständen zu einer kleinen Verzögerung kommen.

Siehe auch

Aufgaben

Gewusst wie: Reduzieren und Erweitern von HTML-Elementen in Visual Web Developer

Konzepte

Tag-Navigation im HTML-Editor von Visual Web Developer

Referenz

Fenster "Dokumentgliederung"