Was ist semantisches Markup und warum sollte ich das verwenden?

Question

Wie es sagt.

Answer 1

semantisches Markup verwenden bedeutet, dass die (X) HTML-Code, den Sie in einer Seite verwenden enthält Metadaten seinen Zweck beschreibt - zum Beispiel ein <h2>, dass ein Mitarbeiter den Namen enthält möglicherweise class="employee-name" markiert werden. Ursprünglich gab es einige Leute, die hofften, dass Suchmaschinen diese Informationen verwenden würden, aber da sich das Web weiterentwickelt hat, wurde semantisches Markup hauptsächlich dazu verwendet, Hooks für CSS bereitzustellen.

Mit CSS und semantischem Markup können Sie das visuelle Design der Seite vom Markup getrennt halten. Dies führt zu einer Bandbreiteneinsparung, da das Design nur einmal heruntergeladen werden muss und das Design einfacher geändert werden kann, da es nicht mit dem Markup gemischt wird.

---

Ein weiterer Punkt ist, dass die verwendeten Elemente eine logische Beziehung in ihnen enthalten sind, zu den Daten haben sollte. Zum Beispiel sollten Tabellen für Tabellendaten verwendet werden, <p> sollten für Textabsätze verwendet werden, <ul> sollte für ungeordnete Listen usw. verwendet werden. Dies steht im Gegensatz zu frühen Webdesigns, die häufig Tabellen für alles verwenden.

Answer 2

Von http://www.digital-web.com/articles/writing_semantic_markup/:

semantisches Markup ist Markup, das aussagekräftig genug ist, um uns zu erlauben, und die Maschinen, die wir es erkennen programmieren und darüber entscheiden. Mit anderen Worten, Markup bedeutet etwas, wenn wir es identifizieren und nützliche Dinge damit tun können. Auf diese Weise wird semantisches Markup mehr als nur beschreibend. Es wird zu einem genialen Mechanismus, der es Menschen und Maschinen ermöglicht, dieselben Informationen zu "verstehen".

Answer 3

Semantik bedeutet wörtlich "sinnvolle" Sprache zu verwenden; In der Web-Entwicklung bedeutet dies im Grunde genommen, Tags und Identifikatoren zu verwenden, die den Inhalt beschreiben.

Zum Beispiel IDs wie #Navigation, #header und #Content zu Ihrem <div> Tags anwenden, anstatt #Left und #main oder mit ungeordneten Listen für eine Liste der Navigations-Links, sondern als eine Tabelle .

Die Hauptvorteile sind in der zukünftigen Wartung; Sie können das Layout oder die Präsentation einfach ändern, ohne die Bedeutung Ihres Inhalts zu verlieren. Ihre Navigationsleiste kann sich von links nach rechts bewegen oder Ihre Links werden horizontal statt vertikal angezeigt, ohne dass die Bedeutung verloren geht.

Answer 4

Neben dem bereits erwähnten Ziel, Software zu ermöglichen, die Daten zu "verstehen", gibt es mehr praktische Anwendungen, um sie zwischen Ontologien zu übersetzen oder zwischen ungleichen Darstellungen von Daten zu kartieren - ohne übersetzen oder standardisieren zu müssen Daten (was zu einem Informationsverlust führen kann und typischerweise dazu führt, dass Sie Ihr Verständnis in der Zukunft nicht verbessern).

Es gab mindestens 2 Sitzungen auf der OSCon in diesem Jahr im Zusammenhang mit der Verwendung von semantischen Technologien. Einer war auf BigData (Folien sind hier verfügbar. http://en.oreilly.com/oscon2008/public/schedule/proceedings, der andere war die Jungs von FreeBase

BigData wurde mit zwischen zwei dis-ähnliche Datenmodelle (einschließlich der Verwendung von Abfragesprachen abzubilden, die für speziell erstellt wurden, arbeiten mit semantischen Datensätzen.) FreeBase bildet zwischen verschiedenen Datensätzen ab und führt dann weitere Analysen durch, um die Bedeutung über diese Datensätze hinweg abzuleiten.

Verwandte Themen zu untersuchen: OWL, OQL, SPARQL, Franz (AllegroGraph, RacerPRO und TopBraid).

Answer 5

Hier ist ein Beispiel einer HTML5, semantisch gekennzeichneten Website, an der ich gearbeitet habe und die die kürzlich akzeptierten Micro-Formate wie unter http://schema.org zusammen mit den neuen semantischen Tagging-Elementen von HTML5 verwendet.

http://blog-to-book.com/view/stuff/about/semantic%20web

Googles hat ein handliches Semantic Tagging-Test-Tool, das Ihnen zeigt, wie semantische Tags Hinzufügen von Inhalten ermöglicht Suchmaschinen zu ‚verstehen‘ weit mehr über Ihre Web-Seiten. Hier

ist das Testwerkzeug: http://www.google.com/webmasters/tools/richsnippets?url=http%3A%2F%2Fblog-to-book.com%2Fview%2Fstuff%2Fabout%2Fsemantic+web&view=

Beachten Sie, wie Google jetzt weiß, dass die ‚Dinge‘ auf der Seite Bücher sind, und sie haben eine Kennung ISBN13. Das Hinzufügen zusätzlicher Metadaten wie Preis und Autor ermöglicht weitere Rückschlüsse.

Hoffen, dass dies Sie in einige interessante Richtungen weist. Eine detailliertere semantische Markierung kann unter Verwendung der Good-Relations-Ontologie erreicht werden, die so umfassend wie möglich ist.