Quellansicht

  • Artikel

Aktualisiert: November 2007

Die Quellansicht zeigt das HTML-Markup für die Webseite an, und Sie können es dort bearbeiten. Wenn Sie zum ersten Mal in die Quellansicht wechseln, werden standardmäßig alle HTML-Elemente und Skripts angezeigt. Sie können genau wie bei der Bearbeitung einer Webseite in der Entwurfsansicht Elemente aus der Toolbox in das Dokument ziehen. Dadurch wird das Markup für die Elemente in das Dokument eingefügt.

Klicken Sie zum Öffnen der Quellansicht unten im Fenster HTML-Designer auf die Registerkarte Quelle.

Die Quellansicht hat gegenüber der Entwurfsansicht folgende Vorteile:

  • Sie können das Markup für Elemente und Steuerelemente im Detail optimieren.

  • Sie können das Dokument Ihren Wünschen entsprechend formatieren.

  • Sie können Elemente bearbeiten, die nicht im Text stehen. Die Entwurfsansicht zeigt nur Elemente an, die zwischen den body-Elementen stehen. Sie können in der Quellansicht zum Beispiel das head-Element direkt bearbeiten.

  • Sie können Seitendirektiven bearbeiten.

  • Sie können Clientskript erstellen und bearbeiten.

  • Wenn Sie mit einer Einzeldateiseite (im Gegensatz zu einer Seite mit einer Code-Behind-Datei) arbeiten, können Sie den Servercode für die Seite bearbeiten.

Wenn Sie zur Entwurfsansicht wechseln, werden dort alle Änderungen, die Sie in der Quellansicht vorgenommen haben, direkt widergespiegelt.

Hinweis:

Bei bestimmten Markupfehlern ist das Wechseln in die Entwurfsansicht nicht möglich, da die Fehler Probleme für den Editor oder sogar Datenverlust verursachen würden. Wenn z. B. ein Tag nicht ordnungsgemäß geschlossen ist, beendet der Editor den Ansichtswechsel und zeigt einen Fehler an. Nähere Informationen zu dem Fehler werden im Fenster "Fehlerliste" angezeigt. Selbst wenn Sie nicht in die Entwurfsansicht wechseln können, können Sie eine Seitenvorschau anzeigen, indem Sie die Seite ausführen.

Damit Sie sich zwischen Elementen besser bewegen und sie auswählen können, stellt die Quellansicht folgende Optionen bereit:

  • Tag-Navigator: Der Tag-Navigator zeigt das aktuelle Element zusammen mit der Hierarchie der übergeordneten Elemente an, zu der es gehört. Sie können mit dem Tag-Navigator feststellen, welches Element den Fokus hat, und vom aktuellen Element zu einem in der Hierarchie übergeordneten Element wechseln. Weitere Informationen finden Sie unter Tag-Navigation im HTML-Editor von Visual Web Developer.

  • Dokumentgliederung: Das Fenster Dokumentgliederung erlaubt das Auffinden und Auswählen aller Elemente in einem Dokument, einschließlich der nicht angezeigten Elemente. Weitere Informationen finden Sie unter Gewusst wie: Navigieren im HTML-Editor von Visual Web Developer.

Validierung

In der Quellansicht überprüft der Editor automatisch die Syntax des Dokuments und markiert Tags, Attribute oder Werte, die nicht gültig sind. Das Validierungsschema kann entweder an einem Browser (z. B. Microsoft Internet Explorer) oder an einem Standard (z. B. XHTML 1.1 Strict) orientiert sein. Ausführliche Informationen finden Sie unter Markupvalidierung in Visual Web Developer.

IntelliSense

IntelliSense ist ein Feature von Visual Studio, das eine Dropdownliste möglicher Schlüsselwörter zur Vervollständigung Ihrer Eingabe anzeigt. Wenn Sie beispielsweise den Anfang eines Klassennamens eingeben, zeigt IntelliSense eine Dropdownliste mit allen Klassennamen an, die mit den von Ihnen bis dahin eingegebenen Zeichen beginnen.

In der Quellansicht zeigt der Editor IntelliSense für nahezu alle Elemente an, u. a. für ASP.NET-Webserversteuerelemente, Markup, Seitendirektiven und Clientskript. IntelliSense orientiert sich am aktuellen Validierungsschema, sodass der Editor Ihnen IntelliSense nur für Tags, Attribute oder Werte anbietet, die dem aktuellen Schema zufolge gültig sind.

Hinweis:

Sie können die Anweisungsvervollständigung auch deaktivieren. Ausführliche Informationen finden Sie unter Allgemein, HTML, Text-Editor, Dialogfeld "Optionen".

Formatierung

Der Editor bietet folgende Optionen für das Formatieren des Dokuments und einzelner Tags an:

  • Ziehen oder Einfügen von Elementen: Wenn Sie Elemente aus der Toolbox ziehen oder aus der Zwischenablage einfügen, kann der Editor die Elemente entweder mit ihrer bisherigen Formatierung erstellen oder sie gemäß den von Ihnen angegebenen Optionen umformatieren. Ausführliche Informationen finden Sie unter Verschiedenes, HTML, Text-Editor, Dialogfeld "Optionen".

  • Hinzufügen von Anführungszeichen und Endtags: Sie können den Editor mithilfe von Optionen veranlassen, Attributwerte automatisch in Anführungszeichen zu setzen und selbständig ein Endtag zu erstellen, wenn Sie ein Starttag beenden. Ausführliche Informationen finden Sie unter Format, HTML, Text-Editor, Dialogfeld "Optionen".

  • Tagweises Formatieren: Sie können Regeln angeben, wie der Editor Tags formatieren soll, wenn Sie Elemente erstellen. Dazu gehören die Groß- und Kleinschreibung von Tags und Attributen sowie das Setzen von Zeilenumbrüchen. Ausführliche Informationen finden Sie unter Tagspezifische Optionen.

  • Formatieren von Elementen oder Dokumenten: Sie können die aktuellen Formatierungsregeln auf eine Auswahl oder auf das gesamte Dokument anwenden.

  • Gliedern von Dokumenten: Sie können Elemente reduzieren und erweitern, um den Arbeitsbereich im Editor zu vergrößern. Sie können z. B. ein table-Element reduzieren und alle dazugehörigen Zeilen und Zellen ausblenden und es später zum Bearbeiten wieder erweitern. Sie können Elemente manuell reduzieren und erweitern oder Regeln angeben, ab welcher Größe ein Element automatisch vom Editor gegliedert werden soll. Weitere Informationen finden Sie unter Gewusst wie: Reduzieren und Erweitern von HTML-Elementen in Visual Web Developer.

Schreiben von Clientskript und Servercode

In der Quellansicht können Sie Clientskript erstellen, das im Browser ausgeführt werden kann. Wenn die ASP.NET-Webseite eine Einzeldatei ist, können Sie in der Quellansicht auch den Servercode der Seite bearbeiten. Weitere Informationen über Clientskript in ASP.NET-Seiten finden Sie unter Clientskript in ASP.NET-Webseiten. Weitere Informationen über Einzeldatei-ASP.NET-Seiten finden Sie unter Codemodell für ASP.NET-Webseiten.

Clientskript

Sie können Clientskript wie in jedem anderen Editor schreiben, entweder als Teil eines Elements oder in einem eigenen <script>-Block. Innerhalb eines Skriptblocks sind die vom Editor angebotenen IntelliSense-Optionen speziell auf das Objektmodell des aktuellen Dokuments und auf die für den Skriptblock angegebene Clientskriptsprache zugeschnitten. Wenn Sie keine Sprache angeben, wird ECMAScript angenommen.

Hinweis:

Clientskript wird vom Editor nicht geprüft.

Im Editor werden am oberen Fensterrand zwei Dropdownlisten angezeigt. Die Dropdownliste auf der linken Seite zeigt eine Liste von Dokumentobjekten an, für die Sie Ereignishandler schreiben können; die Dropdownliste auf der rechten Seite zeigt Ereignisse für das ausgewählte Objekt an. Sie können einen neuen Handler erstellen, indem Sie das Objekt und dann das Ereignis auswählen. Ereignisse, für die bereits ein Handler vorhanden ist, sind fett formatiert.

Um die Navigation in Clientskript zu erleichtern, zeigt die Dropdownliste auf der linken Seite auch die Option Clientskript an. Wenn Sie Clientskript auswählen, zeigt die Dropdownliste auf der rechten Seite eine Liste mit den Clientskript-Ereignishandlern an. Sie können einen Handler auswählen und direkt dorthin springen.

Servercode

Wenn Sie in einer ASP.NET-Webseite arbeiten, die das Einzeldateimodell verwendet, zeigt die Quellansicht den Servercode der Seite in einem Skriptblock an, der das Attribut enthält.

Hinweis:

Servercode erfordert kein Sprachattribut. Die Servercodesprache der Seite wird in der @ Page-Direktive festgelegt.

Bei Servercode zeigt die Dropdownliste oben links auf der Seite die Serversteuerelemente an, für die Sie Code schreiben können. Die Dropdownliste auf der rechten Seite zeigt eine Liste mit Ereignissen für das Steuerelement an, das gerade ausgewählt ist. Sie können einen neuen Ereignishandler erstellen, indem Sie das Objekt und dann das Ereignis auswählen. Ereignisse, für die bereits ein Handler vorhanden ist, sind fett formatiert.

Siehe auch

Konzepte

Entwurfsansicht