Semantische HTML

"Semantic Markup" leitet hier weiter. Für allgemeinere Verwendung siehe Trennung von Inhalten und Präsentation. Für Semantik in Programmiersprachen siehe Semantik (Informatik).
HTML -Element -Inhaltskategorien

Semantische HTML ist die Verwendung von Html Markup, um die zu verstärken Semantikoder Bedeutung der Informationen in Webseiten und Web Applikationen und nicht nur, um seine zu definieren Präsentation oder Aussehen. Semantisches HTML wird von traditionell verarbeitet Internetbrowser sowie von vielen anderen Benutzeragenten. CSS wird verwendet, um menschliche Benutzer seine Präsentation vorzuschlagen.

Geschichte

HTML hat seit seiner Gründung semantisches Markup aufgenommen.[1] In einem HTML -Dokument kann der Autor unter anderem unter anderem "mit einem Titel beginnen; Überschriften und Absätze hinzufügen; dem Text Betonung hinzufügen; Bilder hinzufügen; Fügen Sie Links zu anderen Seiten hinzu; [und] verschiedene Arten von Listen verwenden". .[2]

Verschiedene Versionen des HTML -Standards haben enthalten Präsentationsmarkup wie zum Beispiel (In HTML 3.2 hinzugefügt; in HTML 4.0 streng entfernt), (alle Versionen) und

(In HTML 3.2 hinzugefügt). Es gibt auch die semantisch neutral Spannweite und Div Elemente. Seit Ende der neunziger Jahre wann Cascading Style Sheets In den meisten Browsern begannen Webautoren, die Verwendung von Präsentations -HTML -Markup zu vermeiden, um den Blick auf die Trennung von Präsentation und Inhalt.[3]

In 2001, Tim Berners-Lee nahm an einer Diskussion über die teil Semantisches Web, wo präsentiert wurde, dass intelligente Software -Agenten eines Tages das Web automatisch schleppen und zuvor nicht verwandte, veröffentlichte Fakten zum Nutzen der Endbenutzer finden, filtern und korrelieren könnten.[4] Solche Agenten sind noch nicht bis jetzt nicht alltäglich, sondern einige der Ideen von Web 2.0, Mashups und Preisvergleichswebsites kann näher kommen. Der Hauptunterschied zwischen diesen Webanwendungshybriden und den semantischen Agenten von Berners-Lee liegt in der Tatsache, dass der Strom Anhäufung und Hybridisierung von Informationen wird normalerweise von Webentwicklern entwickelt, die bereits die Webstandorte und die kennen API -Semantik Von den spezifischen Daten, die sie zerdrücken, vergleichen und kombinieren möchten.

Eine wichtige Art von Webagenten, die automatisch Webseiten kriecht und liest, ohne dass das, was es finden könnte, das ist, ist die Web -Crawler oder Suchmotorspinne. Diese Software -Agenten sind von der semantischen Klarheit der Webseiten abhängig, die sie finden, wenn sie verschiedene Techniken verwenden und Algorithmen Um Millionen von Webseiten pro Tag zu lesen und zu indizieren und Webbenutzern mit Sucheinrichtungen.

Damit Suchmotor-Spinnen in der Lage sein können, die Bedeutung von Textteilen zu bewerten, die sie in HTML-Dokumenten finden, sowie für diejenigen, die Mashups und andere Hybriden erstellen, sowie für automatisierte Agenten, die sie entwickelt werden, die semantischen Strukturen, die sie entwickelt haben In HTML müssen weit verbreitet und einheitlich angewendet werden, um die Bedeutung veröffentlichter Informationen herauszustellen.[5]

Während das wahre semantische Netz von Komplex abhängen kann RDF Ontologien und MetadatenJedes HTML -Dokument leistet seinen Beitrag zur Bedeutung des Webs durch die korrekte Verwendung von Überschriften, Listen, Titeln und anderen semantischen Aufschlägen, wo immer möglich. Diese "einfache" Verwendung von HTML wurde als "einfache alte semantische HTML" oder Posh bezeichnet.[6] Die korrekte Verwendung von Web 2.0 'Tagging' erstellt Leute Das kann für viele gleich oder sogar noch sinnvoller sein.[5] HTML 5 stellte neue semantische Elemente wie z. Sektion, Artikel, Fusszeile, Fortschritt, Navigation, beiseite, Kennzeichen, und Zeit.[7] Insgesamt das Ziel des W3c soll Browsern, Entwicklern und Crawler langsam mehr Möglichkeiten einführen, um zwischen verschiedenen Datenarten besser zu unterscheiden und Vorteile wie eine bessere Anzeige auf Browsern auf verschiedenen Geräten zu ermöglichen.

Präsentationselemente waren nicht formell veraltet In HTML 4.01- und XHTML -Empfehlungen wurden jedoch empfohlen. In HTML 5 einige dieser Elemente, wie z. i und b werden immer noch so angegeben, dass ihre Bedeutung deutlich definiert wurde, "um stilistisch aus der normalen Prosa ausgeglichen zu werden, ohne zusätzliche Bedeutung zu vermitteln".[8][9]

Überlegungen

In Fällen, in denen ein Dokument genauere Semantik erfordert als diejenigen, die allein in HTML ausgedrückt werden Spanne oder div Elemente mit sinnvollen Klassennamen[10] wie zum Beispiel und

. Wo diese Klassennamen auch a sind Fragment -Kennung Innerhalb eines Schemas oder einer Ontologie können sie mit einer definierten Bedeutung verknüpfen. Mikroformate Formalisieren Sie diesen Ansatz zur Semantik in HTML.

Eine wichtige Einschränkung dieses Ansatzes ist, dass ein solches Aufschlag, das auf Elementeinschluss basiert, den Wohltatungsbedingungen erfüllen muss. Da diese Dokumente weitgehend baumstrukturiert sind, bedeutet dies, dass nur ausbalancierte Fragmente aus einem Unterbaum auf diese Weise markiert werden können.[11][12] Ein Mittel zur Markierung eines beliebigen Abschnitts von HTML würde einen von der Markup-Struktur selbst unabhängigen Mechanismus erfordern, wie z. Xpointer.

Gute semantische HTML verbessert auch die Barrierefreiheit von Webdokumenten (siehe auch Richtlinien für Zugänglichkeitszüge auf Webinhalte). Wenn beispielsweise ein Bildschirmleser oder ein Audio -Browser die Struktur eines Dokuments korrekt ermitteln kann, verschwendet er die Zeit des Sehbehinderten nicht, indem sie wiederholte oder irrelevante Informationen vorlesen, wenn er korrekt markiert wurde.

Google "Rich Snippets"

In 2010, Google Bestimmte drei Formen strukturierter Metadaten, mit denen ihre Systeme strukturierte semantische Inhalte auf Webseiten finden. Solche Informationen werden von Google von Google verwendet, um den "Snippet" oder einen kurzen zitierten Text zu verbessern, wenn die Seite angezeigt wird, wenn die Seite in Suchlisten angezeigt wird. Google gibt an, dass diese Daten verwendet werden können Mikrodaten, Mikroformate oder RDFA.[13] Mikrodaten sind im Inneren angegeben Gegenstandsart und ItemProp Attribute, die zu bestehenden HTML -Elementen hinzugefügt wurden; Innern werden Mikroformatschlüsselwörter hinzugefügt Klasse Attribute wie oben diskutiert; und RDFA verlässt sich auf rel, Art der und Eigentum Attribute zu bestehenden Elementen hinzugefügt.[14]

Siehe auch

Verweise

  1. ^ Berners-Lee, Tim; Fischetti, Mark (2000). Weben im Web: Das ursprüngliche Design und das ultimative Schicksal des World Wide Web durch seinen Erfinder. San Francisco: Harper. ISBN 978-0062515872.
  2. ^ Raggett, Dave (24. April 2005). "Erste Schritte mit HTML". World Wide Web Konsortium. Abgerufen 8. Dezember 2010.
  3. ^ Raggett, Dave (8. April 2002). "Fügen Sie einen Hauch von Stil hinzu". World Wide Web Konsortium. Abgerufen 8. Dezember 2010. In diesem Artikel wird festgestellt, dass das Präsentations -HTML -Markup bei Targeting -Browsern "vorher" nützlich sein kann Netscape 4.0 und Internet Explorer 4.0"Die beide wurden 1997 veröffentlicht.
  4. ^ Berners-Lee, Tim;Hendler, James;Lassila, Ora (2001). "Das semantische Web". Wissenschaftlicher Amerikaner. Abgerufen 2009-10-02.
  5. ^ a b Shadbolt, Nigel;Berners-Lee, Tim;Hall, Wendy (Mai - Juni 2006). "Das semantische Web überarbeitet" (PDF). IEEE Intelligente Systeme. Abgerufen 8. Dezember 2010.
  6. ^ "Einfacher alter semantischer HTML (Posh)". Mikroformats Wiki.Microformats Community.20. April 2007. Abgerufen 4. Mai, 2013.
  7. ^ Robinson, Mike. "Sprechen wir über Semantik".HTML 5 Doktor. Abgerufen 26. Oktober 2015.
  8. ^ "HTML5".World Wide Web Konsortium.Abschnitt 4.5.17: Das I -Element.
  9. ^ "HTML5".World Wide Web Konsortium.Abschnitt 4.5.18: Das B -Element.
  10. ^ Diese Klassennamen sind bestenfalls suggestiv als formell sinnvoll, es sei denn, sie werden zuvor sowohl zwischen dem Ersteller als auch dem Verbraucher des Inhalts geteilt.
  11. ^ "Gut geformte XML-Dokumente". Erweiterbare Markup -Sprache (XML) 1.1. W3c.
  12. ^ "Conceitos wichtige Sobre html".Bendev Junior.
  13. ^ "Reiche Ausschnitte". Webmaster Central. Abgerufen 26. Mai 2010.
  14. ^ "Unternehmen und Organisationen - über Organisationsinformationen". Webmaster Central. Abgerufen 26. Mai 2010.

Externe Links