Die Art der HTML

Die Autoren von HTML waren Wissenschaftler, die nach einem Weg suchen, um Dokumente in der Teilchenphysik Aktie. Sie trugen wenig Interesse an der visuellen Form der exakten Dokument auf einem Computer-Bildschirm angezeigt. In der Tat war HTML ursprünglich entwickelt, um eine Trennung zwischen Inhalt und Struktur grafische Gestaltung gerecht zu werden. Die Absicht war es, ein World Wide Web Seiten, die in jede bestehende System-und Browser angezeigt werden könnte erstellen - einschließlich Browser, "read" text Webseiten für Benutzer mit Sehbehinderungen - und dass durch interpretiert werden könnte Suchmaschinen und-analyse.

Die Erfinder der Web nicht ihr Potenzial für die grafische Darstellung. So wurde die HTML nicht mit diesen Überlegungen entwickelt. Sie waren so besorgt, die Dokumente, die von den Maschinen produzierten sie Dokumente, die nur Maschinen (oder Teilchenphysiker) lesen möchten eingesetzt zu machen. Durch die Fokussierung allein auf die strukturelle Logik der Dokumente, ignorierten sie die Notwendigkeit für die visuelle Logik des Grafikdesign und Typografie. Diese anfängliche Mangel an Rücksichtnahme visuelle Web ist die Quelle von Stress für Web-Designer, wenn sie zu einem bestimmten Grafikformat für ihre Web-Seiten erhalten möchten. Dieses Bedürfnis nach Formatierung ist der Grund, warum Software-Unternehmen der Navigation begonnen, die Standards von HTML und autorisierte zusätzliche Features in ihre Browser zu ignorieren.

Vermeiden Sie zum Beispiel die meisten Designer, die mit Standard-HTML-Tags für Überschriften der Abschnitte ( <h1> , <h2> , etc..), weil sie die visuelle Raffinesse fehlt: in den meisten Browsern, zeigen diese tags Titel absolut zu groß ( <h1> , <h2> ) oder lächerlich klein ( <h4> , <h5> , <h6> ). Aber diese HTML-Tags wurden nicht mit der Sorge um ihre visuelle Darstellung erzeugt. Ihr einziges Ziel ist die Identifizierung der Ebene héarchique einen Titel, so dass den menschlichen Leser und Suchmaschinen problemlos lesen können ein Dokument und bestimmen deren Struktur Informationen. Nur unbeabsichtigt, dass Browser-Entwickler haben verschiedene Größen und Fettgehalt in jedem Absatz title-Tag, da, auch wenn diese Größen in den HTML eher begrenzt sind.

Verwenden Sie Überschriften der Abschnitte, die inhaltliche Struktur

Trotz der Natur des Web und die große Veränderung in seiner Verwendung (ein Weg, um ein Dokument in ein visuelles Medium-Struktur), ist es wichtig, dass Web-Inhalte mit einer guten Struktur soll. Bessere Integration mit Style Sheets (CSS) in neueren Versionen von Webbrowsern können Entwickler das Aussehen der Strukturelemente, um ihre Design-Entscheidungen und Anzeige zu erfüllen.

Nutzer von Screenreadern und anderen unterstützenden Technologien sind in der Lage, Web-Seiten mit ihrer Struktur zu suchen. Dies bedeutet, dass der Benutzer lesen oder haben direkten Zugriff auf Top-Level-Elemente ( <h1> ) und die der zweiten Ebene ( <h2> ) und die der dritten Ebene ( <h3> ) und so weiter. Sehen bzw. hören, um diesen Plan gibt ihnen eine gute Vorstellung von Inhalt und Struktur der Seite.

Die Seiten sollten in einem hierarchisch strukturiert werden, die erste Stufe der Sicherheit ( <h1> ) die wichtigste (in der Regel den Titel der Seite oder das Dokument), dann die zweite Ebene der Sicherheit ( <h2> , leben meist Titeln Kapitel), dann die dritte Ebene der Sicherheit ( <h3> , sub Absätze der Kapitel) und so weiter. Technisch muss als ein niedrigeres Niveau als nächste Stufe folgen. Das folgende Diagramm zeigt die Struktur von Wertpapieren in Wertpapieren sollte eine Webseite enthalten. In der Tat stellt es die Hierarchie der Hauptinhalt dieser Seite mit verschiedenen Ebenen des Absatzes Titel von der höchsten bis zur niedrigsten. Sie können auf jeder Titel klicken, um den entsprechenden Abschnitt auf diese Seite zuzugreifen.

• Als
  • Titel 2
  • Titel 2
  • Titel 2
  • Titel 2

Der richtige Einsatz von Überschriften der Abschnitte

Verwenden Sie keine Textformatierungen wie Schriftgröße oder Fettdruck, um das Erscheinungsbild des Absatzes Überschriften geben - nutzen Sie Standard-Tags-Titration ( <h1> - <h6> ) in aller Inhalte. Assistive Technologien und anderen Browsern sind buchstäblich auf der Seite Code basieren, seine Struktur zu bestimmen. Gegenstände, die fett dargestellt oder in einer größeren Schrift sind nicht als Strukturelemente interpretiert.

Auch nicht mit Tags geschlossen nur visuelle Effekte zu erzeugen. Zum Beispiel, wenn Sie besonders hervorheben oder unterstreichen ein Stück von Inhalten, die nicht einen Titel wollen (wie geschehen mit dem vorherigen Satz) Verwenden Sie nicht den Tags, um die Titration zu tun. Verwenden Sie stattdessen die Style-Tags für die Größe der Schrift, fett oder kursiv. Wenn Sie etwas betonen möchten, müssen Sie den Tag strong (fett) statt b und Tag em (kursiv) statt i . Tags b und i tragen alle 2 nur visuelle Informationen, während strong und em geben semantische Informationen. Optisch ist das Ergebnis das gleiche, aber die Entwickler müssen die entsprechenden HTML-Elemente verwenden. et sélectionnez l'option Utiliser « strong » et « em » à la place de « b » et « i » . In der Dreamweaver-Software können Sie wählen Sie Bearbeiten> Einstellungen> Allgemein und wählen Sie "strong" und "em" statt "b" und "i".

Richtig Verwendung der Listen

Listen HTML - ul , ol und dl - auch dazu dienen, eine hierarchische Struktur der Inhalte übertragen. Jede dieser Listen haben auch Regelungen zu deren Verwendung. Die Aufzählung (ungeordnete Liste) zu verwenden, wenn es keine Sequenz oder Reihenfolge der Bedeutung unter den Elementen der Liste sein. Die geordnete Liste deutet auf eine Progression oder Sequenz-Elemente in der Liste. Die Definition Liste sollte explizit für die Präsentation der Definition einer Struktur verwendet werden. Wie tags Titration Listen-Tags müssen korrekt gemäß ihrer Natur verwendet werden. Die geordnete und ungeordnete Listen sollten immer auch die Listenelemente. Definition Listen sollten immer Beschreibungen der Definitionen. Leere Listen sind nicht korrekt HTML. Die Listen sollten niemals aus anderen Gründen oder für das Layout verwendet werden. Die verschachtelte Listen sind korrekt kodiert werden.