Erstellen Sie eine semantische Struktur für Web-Seiten
semantisch relevanten Seiten erstellen hat, die im Internet gute Praxis seit lange vor dem iPad erschienen, aber HTML5 baut in speziellen Tags es einfacher zu machen, konsequent zu sein, wie Sie Semantik verwenden, wie Sie Web-Seiten entwerfen.
Die Idee von semantisch relevanten Seiten zu schaffen kommt vom Erfinder des World Wide Web, Tim Berners-Lee, der eine "Web der Daten" in Betracht gezogen, die hatte Bedeutung, oder Semantik.
eine Web-Seite mit semantischen Struktur erstellen ist seit langem eine bewährte Methode in Betracht gezogen worden, weil es die Web-Seite mehr Bedeutung gibt. In HTML4 und XHTML, Web-Designer kann durch folgende etablierten Regeln mit HTML-Tags eine semantische Struktur erstellen.
Zum Beispiel sollte die wichtigste Schlagzeile auf einer Seite mit der Überschrift 1, oder ein Tag formatiert werden. In ähnlicher Weise definieren die meisten Web-Designer jetzt Klasse oder ID Stile für die wichtigsten Bereiche einer Website mit Namen wie Kopfzeile und Fußzeile ihre Rolle und Bedeutung auf einer Seite zu identifizieren.
HTML5 bringt dieses Konzept einen Schritt weiter, indem eine Reihe von neuen semantischen Elemente hinzuzufügen. Anstatt eine Klasse oder ID-Stil erstellen und an einem Tag gelten, in HTML5 können Sie einfach mit Namen verwenden Tags wie und.
Anstatt also ID Stile verwenden, wie können Sie einfach. Ähnlich wie Tags, jedoch keine der neuen Tags machenes etwas, wenn Sie eine Reihe von Stilregeln definieren, die dem Namen entsprechen.
Der Aufbau dieser semantische Elemente in HTML5 bietet Designern eine konsistentere Weise von HTML-Seiten Strukturierung und wird empfohlen, da es Web-Seiten besser zugänglich für jedermann macht, einen Screenreader von Webseiten verwendet, laut zu lesen, sowie für die Suche Bots und andere Programme, die brauchen den Inhalt einer Web-Seite unabhängig von ihrer Gestaltung zu interpretieren.
Betrachten Sie es auf diese Weise: Wenn Sie eine Web-Seite zu sehen, die Sie in der Regel durch das Design, die Teil der Seite sagen kann, ist der Header (es hat den Navigationsbereich mit Links) und das ist die Fußzeile (mit dem Urheberrecht und anderen Details) . Aber keiner der Bots, Leser und andere Programme, die Webseiten richtig zu interpretieren können # 147-see # 148- das Design, und das ist Teil der Grund dafür, dass die Semantik ist wichtig, verwenden.
Die semantische Struktur einer Seite aus dem Styling und Positionierung des Inhalts unabhängig sein, so können Sie eine Seite erstellen, die Bedeutung hat, weil erkennbar Abschnitte eine logische Struktur bilden. Für Ihre Besucher, die Seite sehen können, können Sie Abschnitte Stil, wie der Kopf- oder Fußzeile, wie du sie in einem Browser angezeigt werden soll.