2017-01-18 2 views
1

Kürzlich habe ich tiefer in Web-Technologien und die gute alte HTML getaucht.Was ist die Semantik des HTML-Elements?

I wurde durch die zentrale Rolle des html Elements Surpised in Rendering (z.B. hat es ein width und ein height) somit eine visuelle Semantik.

Ich dachte html nur die Wurzel des HTML-Dokuments war, die Metadaten im head Elemente und visuellen Daten im body Elemente zu packen zusammen ermöglicht, das selbst eine klare visuelle Semantik hat.

Es wirft einige Fragen über die genaue Art des html Element:

  • konzeptionell, was genau stellt es dar?
  • wo ist seine Semantik definiert?
  • , wie wirkt sich das auf das visuelle Rendering aus? Abgesehen von seiner Größe (width und height) und background?
  • können wir sagen, dass das übergeordnete Element das Ansichtsfenster ist?
+3

Die Semantik des HTML-Elements sind, dass es die Wurzel eines HTML-Dokuments ist. So einfach ist das. Seine Wiedergabe ist eine Sache von CSS und hat keinerlei Bedeutung für seine Bedeutung in HTML. Nicht sicher, wo du den Begriff "visuelle Semantik" hergezogen hast. – BoltClock

+0

Eine Google-Suche nach "visueller Semantik" ergibt 7,87 Millionen Treffer, und obwohl ich den Begriff noch nie gehört habe, existiert er offensichtlich. –

+0

Und von welchem ​​dieser 7,87 Millionen Treffer hat der Asker es gezogen? – BoltClock

Antwort

3

visuelle Semantik

Semantics und Präsentation sind verschiedene Dinge. Semantik beschreibt Bedeutung. Präsentation beschreibt das Aussehen. Die Präsentation sollte dem Betrachter die Bedeutung vermitteln. (Und CSS beschreibt, wie man die Semantik in die visuellen Hinweise übersetzt, die das tun).

konzeptionell was genau stellt das html-element dar?

Ein HTML-Dokument.

wo ist seine Semantik definiert?

In the HTML recommendation.

Abgesehen von seiner Größe (Breite und Höhe) und Hintergrund, wie wirkt sich das auf das visuelle Rendering aus?

Das hängt davon ab, wie CSS darauf angewendet wird.

Können wir sagen, dass das Elternteil des htmlelements das Ansichtsfenster ist?

Nein. Es ist das Dokumentobjekt.

console.log(document.querySelector("html").parentNode === document);

+0

Danke für deine Antwort * Quentin *. Mit "visueller Semantik" meine ich, was es visuell darstellt (am Ende für den Benutzer) wie ein "div" ist eine Box, der "Körper" ist der Hauptanzeigebereich, ein 'img' ist ein Bild ... Aber tatsächlich es hat wahrscheinlich mehr mit ** CSS ** als mit ** HTML ** zu tun. – Pragmateek

+0

Die Frage ist also mehr: Wie definiert CSS, was das 'html' Element darstellt? – Pragmateek

+1

@Pragmateek - in diesem Sinne können 'html',' div' und 'body' alle, abhängig von der ihr zugewiesenen CSS, null, ein oder mehrere Kästchen sein. Es ist nicht wirklich hilfreich. – Alohci

Verwandte Themen