actionbrowser.com
Aus der ersten Struktur liest die Suchmaschine, dass dort ein div ist, wo nocheinmal vier verschachtelte divs enthalten sind. Aus der zweiten Struktur erkennt es, dass dort der Main-Bereicht ist, wo die Navigation, ein Inhaltsbereich und eine linke Spalte, gefolgt von dem footer sind. Was spricht gegen die Verwendung von semantischen Tags? Ein großer Punkt gegen semantische Tags ist, dass nicht alle Browser diese unterstützen. Der Internetexplorer von Mircosoft zum Beispiel hat bis zur Version 7 HTML5 nicht unterstützt. Das kann nachträglich über den "modernizr" hinzugefügt werden. Die meisten Browser erstellen dann ein normales div. Wenn man die Formatierungen über CSS auf das Tag (z. B. Semantische tags html5 en.
Wenn Sie semantische Tags verwenden, haben Sie viele weitere Möglichkeiten, Ihre Inhalte zu gestalten. Vielleicht möchten Sie heute, dass Ihre Codebeispiele im Standardbrowser-Stil angezeigt werden, aber morgen möchten Sie sie mit einem grauen Hintergrund aufrufen. HTML5-Semantische Struktur | Microsoft Docs. Später möchten Sie die genaue Mono-Spacer-Schriftfamilie oder den Schriftstapel definieren, für den sie verwendet werden sollen Ihre Proben. Sie können all dies einfach mit semantischen Markups und intelligent angewendeten CSS-Funktionen ausführen. Verwenden Sie semantische Tags korrekt Wenn Sie semantische Tags zur Vermittlung von Bedeutung anstelle von Präsentationszwecken verwenden möchten, müssen Sie darauf achten, dass Sie sie nicht einfach wegen ihrer allgemeinen Anzeigeeigenschaften falsch verwenden. Zu den am häufigsten missbrauchten semantischen Tags gehören: blockquote - Einige Leute benutzen die Tag zum Einrücken von Text, der kein Zitat ist. Dies ist darauf zurückzuführen, dass Blockquotes standardmäßig eingerückt sind.
Die semantischen Elemente sind eine der bedeutsamen Erneuerungen in HTML5. Bis zu ihrem Erscheinen wurde die ganze Auszeichnung der Webseiten mithilfe des Elements
, deren Identifikatoren (id) oder Klassen (class) gegeben wurden. Für die Unterbringung der Seitenpaneele, der oberen und unteren Kolumnentitel, der Elemente der Navigation und der übrigen strukturellen Blöcke wurden die Blöcke div mit den entsprechenden Bedeutungen (zum Beispiel, div="footer") verwendet. In HTML5 sind neue semantische Elemente für die Strukturierung, Gruppierung und der Markierung des Textinhalts erschienen. Sie beschreiben deutlich, welchen Content sie enthalten (war, istSchafskäse In Blätterteig