Freigeben über

Exemplarische Vorgehensweise: Erweiterte HTML-Bearbeitung in Visual Web Developer

  • Artikel

Aktualisiert: November 2007

Das Webentwicklungstool Microsoft Visual Web Developer bietet umfassende HTML-Bearbeitungsmöglichkeiten für das Erstellen von Webseiten. In dieser exemplarischen Vorgehensweise werden einige der Visual Web Developer-Features für die erweiterte HTML-Bearbeitung vorgestellt.

Hinweis:

Eine Einführung in die HTML-Bearbeitung finden Sie unter Exemplarische Vorgehensweise: Grundlegende HTML-Bearbeitung in Visual Web Developer.

In dieser exemplarischen Vorgehensweise werden u. a. die folgenden Aufgaben veranschaulicht:

  • Angeben von HTML-Editor-Optionen zum Formatieren von Elementen auf der Seite

  • Auswählen von Optionen, die die Kompatibilität des von Ihnen erstellten HTML-Editors mit bestimmten Browsern garantieren

  • Gliedern der Seite, d. h. Erstellen von reduzierbaren Bereichen im Editor zur übersichtlicheren Gestaltung der Seite

Vorbereitungsmaßnahmen

Für die Durchführung dieser exemplarischen Vorgehensweise benötigen Sie Folgendes:

  • Allgemeine Kenntnisse zur Verwendung von Visual Web Developer

Eine Einführung in Visual Web Developer finden Sie unter Exemplarische Vorgehensweise: Grundlegende HTML-Bearbeitung in Visual Web Developer.

Erstellen der Website und der Webseite

Wenn Sie bereits eine Website in Visual Web Developer erstellt haben (durch Absolvieren von Exemplarische Vorgehensweise: Grundlegende HTML-Bearbeitung in Visual Web Developer), wechseln Sie zum nächsten Abschnitt. Erstellen Sie andernfalls eine neue Website und eine neue Webseite, indem Sie folgende Schritte ausführen.

So erstellen Sie eine Dateisystem-Website

  1. Öffnen Sie Visual Web Developer.

  2. Zeigen Sie im Menü Datei auf Neu, und klicken Sie anschließend auf Website.

    Das Dialogfeld Neue Website wird angezeigt.

  3. Klicken Sie unter Von Visual Studio installierte Vorlagen auf ASP.NET-Website.

  4. Geben Sie im Feld Speicherort den Namen des Ordners ein, in dem Sie die Seiten der Website speichern möchten.

    Geben Sie z. B. den Ordnernamen C:\WebSites ein.

  5. Klicken Sie in der Liste Sprache auf die Programmiersprache, in der Sie arbeiten möchten.

  6. Klicken Sie auf OK.

    Visual Web Developer erstellt den Ordner und die neue Seite Default.aspx.

    Hinweis:

    Standardmäßig werden ASP.NET-Webseiten in Visual Web Developer nach dem Code-Behind-Modell erstellt. Weitere Informationen finden Sie unter Codemodell für ASP.NET-Webseiten. In dieser exemplarischen Vorgehensweise wird nicht die Code-Behind-Seite verwendet.

Formatieren von Markup

Der HTML-Editor bietet eine Vielzahl von Optionen, mit denen Sie das Markup der Seiten Ihren Vorstellungen entsprechend formatieren können. Es sind u. a. Formatierungsoptionen für Folgendes verfügbar:

  • Schreibung von Tag- und Attributnamen in Groß- oder Kleinbuchstaben Sie können Optionen für HTML-Tags und für ASP.NET-Webserver-Steuerelemente getrennt angeben.

  • Hinzufügen von Attributen durch Einschließen in Anführungszeichen

  • Automatisches Schließen von Elementen durch den Editor Wahlweise können selbstschließende Tags (z. B. <br />) oder Anfangs- und Endtags (<p></p>) erstellt werden, oder es können automatisch schließende Tags eingefügt werden.

  • Einzug von untergeordneten Elementen eines Tags

  • Positionieren von Zeilenumbrüchen außerhalb von Tags

Unabhängig davon, welche Formatierungsoptionen Sie festlegen, haben Sie bei der HTML-Formatierung bedeutende Möglichkeiten, das Layout und das Erscheinungsbild des Markups auf der Seite gezielt selbst zu bestimmen. Sie können Elemente manuell formatieren (z. B. durch Einziehen). Die Formatierung bleibt im Editor unverändert, es sei denn, Sie geben explizite Anweisungen zur Umformatierung des Markups.

In diesem Teil der exemplarischen Vorgehensweise werden verschiedene Formatierungsoptionen veranschaulicht und die Auswirkungen verschiedener Einstellungen dargestellt. Außerdem erfahren Sie, wie Formatierungen auf eine ganze Seite oder einen Teil der Seite angewendet werden.

Hinweis:

In dieser exemplarischen Vorgehensweise werden nur die Formatierungsfeatures dargestellt, die ausschließlich für die Verwendung von HTML relevant sind. Als einer der Visual Web Developer-Texteditoren unterstützt der HTML-Editor auch verschiedene Optionen für die Textbearbeitung im Allgemeinen, z. B. das Festlegen der Tabulatorgröße und des Zeilenumbruchs. Informationen zu allgemeinen Textbearbeitungsoptionen finden Sie unter Bearbeiten von Text, Code und Markup.

In diesem Teil der exemplarischen Vorgehensweise wird der Seite einfaches HTML hinzugefügt. Anschließend werden die Formatierungsoptionen geändert und weiteres HTML hinzugefügt. Dadurch wird veranschaulicht, welche Auswirkungen das Ändern der Einstellungen auf die Formatierung des HTMLs hat.

So fügen Sie HTML-Elemente hinzu, die über Standardformatierungsoptionen verfügen

  1. Wechseln Sie in die Entwurfsansicht.

  2. Klicken Sie im Menü Tabelle auf Tabelle einfügen und dann auf OK.

    Ändern Sie keine der Standardeinstellungen im Dialogfeld.

    Der Designer erstellt eine HTML-Tabelle mit zwei Spalten und zwei Zeilen.

  3. Klicken Sie unterhalb der Tabelle auf die Seite.

  4. Drücken Sie mehrmals die EINGABETASTE, um einen leeren Bereich zu erstellen. Ziehen Sie aus der Gruppe HTML der Toolbox ein Image-Steuerelement auf die Seite.

  5. Wechseln Sie in die Quellansicht.

    Wie Sie sehen, wurden das <table>-Elementund das <img>-Element auf der Seite eingefügt.

    Standardmäßig erstellt der Designer Elemente, in denen die Tag- und Attributnamen in Kleinbuchstaben geschrieben und Attribute in Anführungszeichen eingeschlossen sind.

Sie können nun die Formatierungsoptionen ändern.

So ändern Sie Formatierungs- und Validierungsoptionen

  1. Klicken Sie im Menü Extras auf Optionen.

  2. Klicken Sie auf Text-Editor, erweitern Sie HTML, und klicken Sie dann auf Validierung.

  3. Klicken Sie in der Liste Ziel auf XHTML 1.0 Transitional.

  4. Klicken Sie auf Format.

    Einige Optionen können Sie für Servertags (ASP.NET-Serversteuerelemente) und für Clienttags (HTML-Elemente) getrennt festlegen, indem Sie auf die Schaltfläche Tagspezifische Optionen klicken.

  5. Klicken Sie in der Liste Clienttag auf Großbuchstaben.

  6. Deaktivieren Sie das Kontrollkästchen Anführungszeichen für Attributwerte bei der Formatierung einfügen und das Kontrollkästchen Anführungszeichen für Attributwerte bei der Eingabe einfügen.

  7. Klicken Sie auf OK, um wieder in den Editor zu wechseln.

    Beachten Sie, dass sich das auf der Seite vorhandene Markup nicht ändert, obwohl Sie die Formatierungsoptionen geändert haben.

Sie können nun neue Elemente hinzufügen.

So fügen Sie unter Verwendung der neuen Formatierungsoptionen HTML-Elemente hinzu

  1. Führen Sie in der Quellansicht einen Bildlauf zum Ende der Seite durch.

  2. Ziehen Sie aus der Gruppe HTML der Toolbox ein Table-Steuerelement auf die Seite, und positionieren Sie es oberhalb des </form>-Tags.

    Dieses Mal sind die Tags im <TABLE>-Element in Großbuchstaben geschrieben.

  3. Positionieren Sie die Einfügemarke unterhalb der soeben erstellten Tabelle, und geben Sie dann eine öffnende spitze Klammer (<) ein, um ein neues Tag zu beginnen.

    In der nun angezeigten Liste sind alle Tagnamen in Großbuchstaben aufgeführt, da Sie diese Option für die Formatierung festgelegt haben.

  4. Doppelklicken Sie in der Liste auf IMG, und drücken Sie dann die LEERTASTE.

    Es wird eine Liste von Attributen für das <img>-Tag angezeigt. Die Attribute sind in Kleinbuchstaben geschrieben, da Sie in den Formatierungsoptionen für Clientattribute als Standardeinstellung Kleinbuchstaben festgelegt haben.

  5. Legen Sie in den Eigenschaften Src auf graphic.gif (ein erfundener Name für eine Grafikdatei) fest, und stellen Sie sicher, dass das Tag ähnlich wie das folgende Tag aufgebaut ist:

    <IMG src=graphic.gif

    Da Sie in der vorangehenden Prozedur die Option Anführungszeichen für Attributwerte bei der Eingabe einfügen deaktiviert haben, schließt der Editor das Attribut nicht automatisch in Anführungszeichen ein.

    Hinweis:

    Der Editor fügt unabhängig von den Optionseinstellungen Anführungszeichen ein, wenn diese für das Attribut erforderlich sind, z. B. wenn ein Attributwert ein Leerzeichen enthält.

  6. Geben Sie einen Schrägstrich (/) und eine schließende spitze Klammer (>) ein, um das <img>-Tag zu schließen.

Wie in diesem Abschnitt bereits zuvor erläutert, werden die von Ihnen festgelegten Formatierungsoptionen nicht für das auf der Seite vorhandene Markup übernommen. Sie können jedoch Formatierungseinstellungen für die Seite oder für einzelne Elemente auf der Seite übernehmen.

So übernehmen Sie Formatierungen für vorhandene Elemente

  1. Markieren Sie in der Quellansicht die erste Tabelle, die Sie erstellt haben.

  2. Zeigen Sie im Menü Bearbeiten auf Erweitert, und klicken Sie dann auf Auswahl formatieren.

    Die Tagnamen werden in Großbuchstaben dargestellt.

    Hinweis:

    Anführungszeichen werden vom Editor nicht entfernt, selbst wenn Sie die Optionseinstellung entsprechend ändern. Ebenso wird im Editor auch der Abschluss vorhandener Tags selbst dann nicht geändert, wenn Sie die Option zum Festlegen des Tagabschlusses ändern.

In diesem Beispiel wird veranschaulicht, wie die Formatierung im HTML-Editor funktioniert. Wenn Sie mithilfe von Bearbeitungstools, z. B. Toolbox oder Eigenschaften, Elemente bearbeiten, generiert der Editor das Markup mithilfe der aktuell gültigen Formatierungsoptionen. Der Editor ändert jedoch kein vorhandenes Markup. Wenn Sie neue Formatierungsoptionen für vorhandenes Markup übernehmen, können Sie diese manuell mithilfe des Menübefehls Bearbeiten übernehmen.

Festlegen von Tagformatierungsoptionen

Die bereits von Ihnen verwendeten Formatierungsoptionen gelten für alle Elemente auf der Seite. Sie können Formatierungsoptionen auch für einzelne Tags angeben. Dies ist hilfreich, wenn Sie bestimmte Tags oft verwenden und für diese Tags keine Standardformatierung verwenden möchten. Beim Formatieren einzelner Tags können Sie die Optionen für folgende Formatierungen festlegen:

  • Art des Tagabschlusses, d. h. nicht geschlossen, selbstschließend oder mit separatem Endtag

  • Verwendung von Zeilenumbrüchen außerhalb und innerhalb von Tags

  • Einzüge von untergeordneten Elementen eines Tags

    Hinweis:

    Die angegebenen tagspezifischen Formatierungsregeln lassen sich mit der Regel überschreiben, dass der HTML-Editor die Darstellung der Tags nicht ändert. Die Regel wird ignoriert, wenn eine Tagformatierungsregel die Darstellung eines Tags ändert.

In diesem Teil der exemplarischen Vorgehensweise legen Sie verschiedene Tagformatierungsoptionen fest und beobachten, wie der Editor diese verwendet. Bis jetzt haben Sie HTML-Elemente verwendet, z. B. das <table>-Element. Im Folgenden verwenden Sie einige ASP.NET-Serversteuerelemente, wodurch veranschaulicht wird, dass Formatierungsoptionen für Steuerelemente und HTML-Elemente gleichermaßen gelten.

Legen Sie zu Anfang einige Optionen fest, die für alle Tags eines bestimmten Typs gelten. Sie können Optionen für die folgenden Typen von Elementen festlegen:

  • HTML-Elemente, die keinen Inhalt aufweisen, z. B. br und input

  • HTML-Elemente, die Inhalt aufweisen können, z. B. table und span

  • Serverelemente (asp:), die keinen Inhalt aufweisen können, z. B. asp:image

  • Serverelemente, die Inhalt aufweisen können, z. B. asp:textbox

Sicherheitshinweis:

Ein TextBox-Steuerelement akzeptiert Benutzereingaben; dies stellt ein potenzielles Sicherheitsrisiko dar. Standardmäßig stellt die ASP.NET-Seite sicher, dass die Benutzereingabe keine Skript- oder HTML-Elemente enthält. Weitere Informationen finden Sie unter Übersicht über Skriptangriffe.

Im ersten Teil dieses Abschnitts fügen Sie eine HTML-Tabelle hinzu. Sie ändern dann die Tagformatierungsregeln für Tabellenelemente und formatieren das Dokument neu, um zu sehen, wie sich Änderungen der Formatierungsregeln auswirken.

So legen Sie Tagformatierungsregeln für eine HTML-Tabelle fest

  1. Klicken Sie in der Quellansicht mit der rechten Maustaste in einen leeren Bereich des Fensters, und klicken Sie dann auf Formatierung und Validierung.

    Das Dialogfeld Optionen wird mit den Optionen für die Formatierungen angezeigt, die Sie im vorangehenden Abschnitt festgelegt haben.

  2. Klicken Sie in der Liste Clienttag auf Kleinbuchstaben, um die Formatierung für Clienttags zurückzusetzen.

  3. Klicken Sie auf OK, um das Dialogfeld Optionen zu schließen.

  4. Ziehen Sie in der Toolbox aus der Gruppe HTML ein Table-Steuerelement auf die Seite.

    Der Editor erstellt ein <table>-Element, das zwei Zeilen (<tr>-Elemente) und in jeder Zeile zwei Zellen (<td>-Elemente) enthält. Jedes Tag befindet sich in einer separaten Zeile:

    <table>
    <tr>
        <td>
       </td>
    </tr>

  5. Klicken Sie mit der rechten Maustaste in einen leeren Bereich des Fensters, und klicken Sie dann auf Formatierung und Validierung.

  6. Klicken Sie auf die Schaltfläche Tagspezifische Optionen.

  7. Erweitern Sie Standardeinstellungen.

    Es wird eine Liste von Tagtypen angezeigt, die mit Clienttag unterstützt keinen Inhalt beginnt. Durch Auswählen eines Elements in der Liste können Sie für Client- und Serverelemente, für Elemente mit Inhalt (z. B. ein table-Element) und für Elemente ohne Inhalt (z. B. ein img-Element) verschiedene Optionen festlegen.

  8. Klicken Sie auf Clienttag unterstützt Inhalt.

    Beachten Sie, dass Tags in der Standardeinstellung ein separates Endtag verwenden und dass die Tags Zeilenumbrüche vor, innerhalb und nach dem Tag aufweisen.

  9. Erweitern Sie Client-HTML-Tags.

  10. Klicken Sie auf td.

    Legen Sie Optionen zum Ändern der Formatierung von td-Tags fest.

  11. Klicken Sie in der Liste Zeilenumbrüche auf Keine.

  12. Klicken Sie auf OK, um das Dialogfeld Tagspezifische Optionen zu schließen, und klicken Sie dann auf OK, um das Dialogfeld Optionen zu schließen.

  13. Zeigen Sie im Menü Bearbeiten auf Erweitert, und klicken Sie dann auf Dokument formatieren.

    Das Dokument wird neu formatiert. Die der Tabelle hinzugefügten <td>-Tags werden in einer einzelnen Zeile platziert:

    <table>
    <tr>
        <td></td><td></td><td></td>

Sie können für ein ASP.NET-Serversteuerelement tagspezifischen Optionen verwenden.

So legen Sie Formatierungsoptionen für ein ASP.NET-Serversteuerelement fest

  1. Wechseln Sie in die Entwurfsansicht.

  2. Ziehen Sie in der Toolbox aus der Gruppe Standard ein ListBox-Steuerelement auf die Seite.

  3. Klicken Sie im Dialogfeld ListBox-Aufgaben auf Elemente bearbeiten.

    Das Dialogfeld ListItem-Auflistungs-Editor wird angezeigt.

  4. Klicken Sie zwei Mal auf Hinzufügen, um zwei Elemente hinzuzufügen.

  5. Klicken Sie unter Member auf das erste ListItem, und legen Sie dann unter ListItem-Eigenschaften die Option Text auf Item 1 fest.

  6. Klicken Sie unter Member auf das erste ListItem, und legen Sie dann unter ListItem-Eigenschaften die Option Text auf Item 2 fest.

  7. Klicken Sie auf OK, um das Dialogfeld ListItem-Auflistungs-Editor zu schließen.

  8. Wechseln Sie in die Quellansicht.

    Wie Sie sehen, wurde das Steuerelement wie folgt formatiert:

    <asp:Listbox ID="ListBox1" >
   <asp:ListItem>Item 1</asp:Listitem>
   <asp:ListItem>Item 2</asp:Listitem>
</asp:Listbox>

  9. Klicken Sie mit der rechten Maustaste in einen leeren Bereich des Fensters, und klicken Sie dann auf Formatierung und Validierung.

  10. Klicken Sie auf die Schaltfläche Tagspezifische Optionen.

  11. Klicken Sie im Dialogfeld Tagspezifische Optionen auf ASP.NET-Steuerelemente, und klicken Sie dann auf Neues Tag.

  12. Geben Sie im Feld Tagname die Zeichenfolge asp:listitem ein.

    Geben Sie die öffnende und schließende spitze Klammer (< und >) nicht als Bestandteil des Tagnamens ein.

    Legen Sie Optionen für das asp:ListItem-Element fest, das innerhalb eines ListBox-Steuerelements verwendet wird. Legen Sie keine Optionen für das asp:ListBox-Element fest, da Sie steuern möchten, wie der Inhalt (untergeordnete Elemente) des asp:ListBox-Elements formatiert wird.

  13. Klicken Sie auf OK, um das Dialogfeld Neues Tag zu schließen.

  14. Klicken Sie in der Liste Zeilenumbrüche auf Keine.

    Dies bewirkt, dass Steuerelemente keine Zeilenumbrüche enthalten.

  15. Klicken Sie auf OK, um das Dialogfeld Tagspezifische Optionen zu schließen, und klicken Sie dann auf OK, um das Dialogfeld Optionen zu schließen. Nun sind die Auswirkungen der neuen Formatierungsoptionen sichtbar.

So fügen Sie unter Verwendung der neuen Formatierungsoptionen ein ASP.NET-Serversteuerelement hinzu

  1. Wechseln Sie in die Entwurfsansicht.

  2. Ziehen Sie in der Toolbox aus der Gruppe Standard ein zweites ListBox-Steuerelement auf die Seite.

  3. Klicken Sie im Menü ListBox-Aufgaben auf Elemente bearbeiten.

  4. Erstellen Sie für das ListBox-Steuerelement zwei Elemente wie in der vorangehenden Vorgehensweise.

  5. Wechseln Sie in die Quellansicht.

    Wie Sie sehen, befinden sich die <asp:ListItem>-Elemente alle auf einer Zeile. Das </asp:ListBox>-Element wird auf der nächsten Zeile angezeigt, da der Tagumbruch auf 80 Zeichen festgelegt ist. Sie können diesen Wert im Dialogfeld Optionen ändern. Obwohl Sie nur zwei Steuerelemente verwendet und nur eine Formatierungsoption (Zeilenumbrüche) geändert haben, wird deutlich, wie Optionen für jedes Element, mit dem Sie normalerweise arbeiten, übernommen werden.

Gliedern von Elementen

In der Quellansicht können Sie Elemente gliedern (reduzieren und erweitern), sodass sie nicht stören, wenn Sie sie gerade nicht verwenden. Dies empfiehlt sich besonders für Elemente wie Tabellen, die oft viel Platz in Anspruch nehmen. Sie können für Elemente auf der Seite auch das Feature zum Reduzieren verwenden.

So gliedern Sie Elemente

  1. Wechseln Sie in die Quellansicht.

  2. Wählen Sie eine der Tabellen aus, die Sie zuvor hinzugefügt haben.

    • Wenn die Tabellen nicht mehr vorhanden sind, ziehen Sie in der Toolbox aus der Gruppe HTML eine Tabelle auf die Seite.

  3. Zeigen Sie im Menü Bearbeiten auf Gliedern, und klicken Sie dann auf Aktuelles Element umschalten.

    Das <table>-Tag wird reduziert, und am Rand wird ein Pluszeichen (+) angezeigt.

  4. Klicken Sie auf das Pluszeichen, um das Tabellenelement zu erweitern. Sie können Elemente auch so konfigurieren, dass die Plus- und Minuszeichen (+ und -) automatisch am Rand angezeigt werden, wenn die Elemente eine bestimmte Größe überschreiten.

So konfigurieren Sie das automatische Gliedern von Elementen

  1. Klicken Sie mit der rechten Maustaste auf die Seite, klicken Sie auf Formatierung und Validierung, klicken Sie auf Format, und klicken Sie anschließend auf die Schaltfläche Tagspezifische Optionen.

  2. Erweitern Sie im Dialogfeld Tagspezifische Optionen den Eintrag Client-HTML-Tags, und klicken Sie dann auf Tabelle.

  3. Geben Sie unter Gliederung im Code-Editor im Feld Mindestanzahl von Zeilen die Zahl 5 ein.

  4. Klicken Sie auf OK, und klicken Sie dann auf OK.

    Für vorhandene Tabellen und alle neu hinzugefügten Tabellen wird die Gliederung automatisch angezeigt, wenn die Tabelle mehr als fünf Zeilen enthält.

Validieren von HTML

Der HTML-Editor kann HTML validieren oder sicherstellen, dass es den Regeln für bestimmte Browser oder Standards entspricht, z. B. XHTML. Der Editor kann beispielsweise Tags und Attribute finden, die von Netscape Navigator 4.0 nicht akzeptiert werden oder nicht den XHTML-Standards entsprechen. In diesem Teil der exemplarischen Vorgehensweise verwenden Sie verschiedene Schemas (Browsertypen oder Standards) und bauen verschiedene Typen von kleinen Fehlern ein, um zu testen, wie der Editor Fehler markiert.

So testen Sie die Validierung im Editor

  1. Öffnen Sie in der Quellansicht die Seite Default.aspx, oder wechseln Sie zu dieser.

  2. Klicken Sie auf der Symbolleiste zur HTML-Quellcodebearbeitung in der Liste auf Internet Explorer 3.02/Netscape Navigator 3.0.

  3. Führen Sie einen Bildlauf zum Ende der Seite durch.

  4. Geben Sie im </form>-Tag folgendes HTML ein:

    <font face=arial>
<a href=Default.aspx >Default Page </a>
</font>

    Während der Eingabe stellt die Microsoft IntelliSense Technologie Unterstützung beim Vervollständigen der Tags bereit.

  5. Klicken Sie auf der Symbolleiste zur HTML-Quellcodebearbeitung in der Liste auf XHTML 1.0 Transitional (Netscape 7, Opera 7, Internet Explorer 6).

    Nach einer kurzen Pause (durch die Ausführung der Validierung im Hintergrund) werden unter mehreren Teilen der Tags rote Wellenlinien angezeigt. Ähnlich einer Rechtschreibprüfung sucht das HTML-Validierungsfeature auf der Seite nach Markup, das der aktuelle Browser nicht akzeptiert.

  6. Positionieren Sie den Mauszeiger im <font>-Tag über dem Wort font.

    Durch eine QuickInfo werden Sie darüber informiert, dass das font-Element als veraltet gilt. In den aktuellen Standards wird empfohlen, Cascading Stylesheet-Stile für die Textformatierung zu verwenden. Beispielsweise <span style="font-name:Arial;">.

  7. Positionieren Sie den Mauszeiger im href-Attribut des <a>-Tags über Default.aspx.

    In einer QuickInfo werden Sie darüber informiert, dass Attribute im aktuellen Schema in Anführungszeichen eingeschlossen sein müssen.

  8. Schließen Sie Default.aspx in Anführungszeichen ein.

    Der Wert des href-Attributs ist nicht mehr unterstrichen. Wenn Sie relative Verweise für Ankertags oder andere Tags verwenden, für die eine URL erforderlich ist, bestimmt die Validierung, ob das Zielelement verfügbar ist.

  9. Geben Sie in der Zeile unter dem von Ihnen verwendeten HTML eine öffnende spitze Klammer (<) ein.

    Die IntelliSense-Dropdownliste wird angezeigt, jedoch ist font nicht darin enthalten, da das font-Element in XHTML-Schemas nicht gültig ist.

  10. Löschen Sie die öffnende spitze Klammer (<).

Festlegen von Validierungsoptionen

Sie können steuern, welche Typen von Fehlern bei der Validierung angezeigt werden. Dies ist hilfreich, wenn bei der Validierung bestimmte Typen von Fehlern festgestellt werden sollen, auch wenn diese in einem bestimmten Schema zulässig sind.

So legen Sie Validierungsoptionen fest

  1. Klicken Sie in der Quellansicht mit der rechten Maustaste auf eine beliebige Stelle auf der Seite, und klicken Sie dann auf Formatierung und Validierung.

    Hinweis:

    Der Befehl Formatierung und Validierung ist nur in der Quellansicht verfügbar.

  2. Klicken Sie im Dialogfeld Optionen auf Validierung.

    Sie sehen, dass unabhängig davon, ob das Kontrollkästchen Fehler anzeigen aktiviert ist, die Fehleranzeige für Kontrollkästchen nicht aktiviert ist. Grund dafür ist, dass als aktuelles Schema XHTML ausgewählt ist, bei dem bereits alle möglichen Validierungsfehler angezeigt werden.

  3. Klicken Sie in der Liste Ziel auf Internet Explorer 6.

  4. Stellen Sie sicher, dass das Kontrollkästchen Fehler anzeigen aktiviert ist, und aktivieren Sie dann unter Fehler anzeigen alle Kontrollkästchen.

  5. Klicken Sie auf OK, um wieder in den Editor zu wechseln.

  6. Wählen Sie das HTML aus, das Sie in der vorangehenden Prozedur eingegeben haben, und klicken Sie dann im Menü Bearbeiten auf In Großbuchstaben umwandeln.

    Nach einer kurzen Pause werden die Tagnamen unterstrichen. Wenn sich der Mauszeiger über einem Tagnamen befindet, wird in einer QuickInfo angezeigt, dass der Name Großbuchstaben enthält. Im Allgemeinen sind in Internet Explorer 6 Tagnamen in Großbuchstaben zulässig. Dieser Validierungsfehler wird dennoch angezeigt, da Sie die Validierungsoptionen für das Schema geändert haben.

Bei der Validierung können viele weitere Typen von Fehlern festgestellt werden, z. B. doppelte Steuerelement-IDs, falsch geschachtelte öffnende und schließende Tags (zum Beispiel <b><i></b></i>), usw. Dennoch werden Sie durch die Validierung im Editor nicht daran gehindert, den gewünschten HTML-Code zu erstellen. Bei der Validierung wird lediglich Markup erkannt, das nicht den Regeln des angegebenen Browsers entspricht.

Wie Sie wissen, besteht die Ausgabe, die sich beim Ausführen einer ASP.NET-Seite ergibt, nicht nur aus den von Ihnen erstellten HTML-Elementen. Die Ausgabe umfasst auch das von ASP.NET-Serversteuerelementen gerenderte HTML sowie jeglichen Code, der auf die Seite geschrieben wird. Bei der Validierung kann die Ausgabe solcher dynamischen Elemente nicht untersucht werden, d. h., der Editor kann die Gültigkeit von generierten Ausgaben nicht untersuchen. ASP.NET-Steuerelemente generieren standardmäßig Ausgaben, die den XHTML 1.1-Standards entsprechen. Dies bedeutet, dass die Ausgaben für die meisten Browser geeignet sind. Weitere Informationen zu dem von ASP.NET-Steuerelementen generierten Markup finden Sie unter ASP.NET und XHTML.

Nächste Schritte

In dieser exemplarischen Vorgehensweise wurden einige der erweiterten Features des HTML-Editors vorgestellt. Obwohl in der exemplarischen Vorgehensweise nicht alle Features erläutert wurden, ist deutlich geworden, wie hilfreich Formatierungsoptionen, Gliederung und Validierung beim Erstellen von wohlgeformtem Markup mit benutzerdefinierter Formatierung sind und wie viel endgültige Kontrolle Sie dennoch über das Markup haben.

Siehe auch

Konzepte

XHTML in Visual Web Developer

Markupvalidierung in Visual Web Developer

Weitere Ressourcen

Bearbeiten von Text, Code und Markup

Produktsupport und Eingabehilfen