Formatieren von Elementen im HTML-Editor von Visual Web Developer
Aktualisiert: November 2007
Wenn Sie im HTML-Designer arbeiten, kann Ihnen der Editor beim Formatieren von Elementen helfen. In diesem Thema werden die Formatierungseinrichtungen des Editors für das Arbeiten mit Markupelementen beschrieben.
Standardformatierung
Standardmäßig können Sie im HTML-Editor Markup beliebig formatieren. Zeilenumbrüche und Einzüge befinden sich genau dort, wo Sie sie eingeben. Der Editor stellt Features bereit, die Sie beim Formatieren der Elemente unterstützen. Wenn Sie beispielsweise zum Einziehen einer Zeile die TAB-TASTE drücken, werden nachfolgende Zeilen ebenfalls eingezogen. Mit SHIFT+TAB können Sie einen Zeileneinzug entfernen. Beim Umschalten zwischen Quellansicht und Entwurfsansicht bleibt die Formatierung der Seite erhalten.
Sie können über grundlegende Optionen festlegen, wie der Editor Registerkarten in der Quellansicht behandelt. Ausführliche Informationen finden Sie unter Registerkarten, HTML, Text-Editor, Dialogfeld Optionen.
Darüber hinaus können Sie durch Optionen festlegen, dass der Editor während Ihrer Eingabe automatisch Anführungszeichen und Endtags einfügt. Ausführliche Informationen finden Sie unter Format, HTML, Text-Editor, Dialogfeld "Optionen".
Formatieren und das aktuelle Schema
Bestimmte Formatierungsoptionen, wie Großschreibung und die Verwendung von Anführungszeichen bei Attributen, können durch das für den Editor gewählte Schema überschrieben werden. Wenn Sie beispielsweise das Schema XHTML 1.1 Strict auswählen, wandelt der Editor groß geschriebene Tag- und Attributnamen in Kleinbuchstaben um, weil das Schema nur klein geschriebene Namen zulässt.
Angeben von Formatierungsoptionen
Wenn Sie Elemente erstellen, formatiert der Designer das neue Element mithilfe bestimmter Optionen, die Sie festlegen können. Beispielsweise werden Clientelemente (z. B. HTML-Tags) standardmäßig mit klein geschriebenen Tagnamen erstellt. Die Formatierungsoptionen werden übernommen, wenn:
Sie Steuerelemente von der Toolbox auf die Seite ziehen.
Sie IntelliSense verwenden, um Tags in der Quellansicht zu erstellen.
Sie Werte im Eigenschaftenfenster oder in Eigenschaften-Generatoren festlegen.
Sie ein Element aus der Zwischenablage einfügen.
Sie in der Entwurfsansicht Markup mit einem Dialogfeld wie Dialogfeld "Tabelle einfügen" generieren.
Sie die Auswahl oder das Dokument manuell formatieren.
Ausführliche Informationen, wie Formatierungsoptionen festzulegen sind, finden Sie unter Format, HTML, Text-Editor, Dialogfeld "Optionen" und Verschiedenes, HTML, Text-Editor, Dialogfeld "Optionen".
Formatierungsoptionen für einzelne Tags
Sie können auch Formatierungsoptionen für einzelne Tags festlegen. Dadurch können Sie die Markupformatierung des HTML-Designers für einzelne Tags anpassen. Mit der tagspezifischen Formatierung können Sie Folgendes festlegen:
Wie die Tags geschlossen werden (nicht geschlossen, selbstschließend oder mit einem separaten Endtag).
Zeilenumbrüche um die Tags herum und innerhalb der Tags.
Wie Tags eingezogen werden.
Das Gliedern von Optionen.
Einfärbung der Tags im Editor.
Ausführliche Informationen finden Sie unter Tagspezifische Optionen.
Formatieren nach Bedarf
Sie können das Dokument oder eine Auswahl jederzeit formatieren. Wählen Sie hierzu im Menü Bearbeiten oder im Kontextmenü den Befehl Dokument formatieren. Außerdem finden Sie in diesem Menü Optionen zur Umwandlung einer Auswahl in Groß- bzw. Kleinbuchstaben, zur Umwandlung von Leerräumen in Tabstopps (Auswahl mit Tabstopps versehen) oder zur Umwandlung von Tabstopps in Leerräume (Tabstopps aus Auswahl entfernen). Wenn Sie manuell formatieren, verwendet der Editor die von Ihnen festgelegten Formatierungsoptionen (es sei denn, Sie überschreiben explizit eine Regel, z. B. wenn Sie die Groß-/Kleinschreibung ändern). Wenn Sie die Formatierungsoptionen ändern, können Sie diese für vorhandenes Markup übernehmen, indem Sie das Dokument neu formatieren.
Regeln für das Beibehalten von Leerstellen
Beim Formatierungsprozess des Editors wird strengstens beachtet, wie HTML im Browser Leerstellen darstellt. Deshalb ändert der Editor die Formatierung eines Elements nicht, falls dies dazu führen würde, dass die Seite anders gerendert wird. Sie werden dieses Verhalten des Editors insbesondere feststellen, wenn Sie mit Markup arbeiten, das zwischen den Tags keine Leerzeichen enthält.
Zum Beispiel könnte eine Seite das folgende Markup für zwei HTML-Schaltflächen enthalten:
<input type="button" id="b1"><input type="button" id="b2">
Wenn die Seite gerendert wird, werden die zwei Schaltflächen ohne jeden Zwischenraum angezeigt. Wenn Sie das Dokument im Editor formatieren, könnten Sie erwarten, dass jedes der Tags in einer eigenen Zeile positioniert ist. Die Tags in zwei Zeilen zu platzieren würde allerdings dazu führen, dass bei der Darstellung der Seite zwischen den Schaltflächen ein Zwischenraum angezeigt wird, sodass der Editor die Tags nicht verschiebt. Wenn Sie manuell ein Leerzeichen zwischen die Tags setzen, kann das Leerzeichen durch die Formatierung in einen Zeilenwechsel umgewandelt werden, weil die Neuformatierung dann keinen Einfluss auf die Anzeige der Schaltfläche im Browser hat.
Häufig wird auch zwischen Inhalt und Endtag die Formatierung durch Leerraumregeln außer Kraft gesetzt. Ein Dokument könnte beispielsweise das folgende table-Element enthalten, wobei alles in einer Zeile steht:
<table><tr><td>Hello, World</td></tr></table>
Wenn Sie das Dokument manuell umformatieren, könnte das Ergebnis wie folgt aussehen:
<table>
<tr>
<td>
Hello, World</td>
</tr>
</table>
Das </td>-Endtag wird nicht in die nächste Zeile verschoben, da dies die Darstellung der Zelle beeinflussen würde. Wenn Sie manuell ein Leerzeichen zwischen "Hello, World" und dem </td>-Tag einfügen und anschließend das Dokument neu formatieren, verschiebt der Editor das Endtag auf die nächste Zeile.
Inline-Formatierungscode
Grundsätzlich werden Clientskript und Servercode in ASP.NET-Webseiten nach den Regeln des Sprach-Editors formatiert. Das Wagenrücklaufverhalten, der Zeilenwechsel, der Einzug u. a. werden von der jeweiligen Sprachformatierung vorgeschrieben. Zum Beispiel zieht die Visual Basic-Sprachformatierung die Zeile, die einer Function-Deklaration folgt, automatisch ein.
In der Quellansicht werden Skriptblöcke entsprechend des übergeordneten Elements eine Ebene eingezogen. Inlineausdrücke, die mit <%#, <%$ oder <%= beginnen, werden nicht formatiert, sondern so belassen, wie sie eingegeben wurden. Wenn Sie aber einen mit <% %>-Trennzeichen abgegrenzten Anweisungsblock eingeben, formatiert der Editor den Block als einen Block nach den Einzugsregeln der entsprechenden Sprache.