HTML-Rendering: Unterschied zwischen den Versionen

Aus Mikiwiki
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 7: Zeile 7:
Das HTML-Rendering ordnet dieser eher semantisch-strukturellen Definition eine visuelle Darstellung des Textes zu.
Das HTML-Rendering ordnet dieser eher semantisch-strukturellen Definition eine visuelle Darstellung des Textes zu.


Dies geschieht in allen modernen Webbrowsern mittels [[Cascading Style Sheet]]s / CSS. Die Stylesheets enthalten eine Liste von Selektoren und regeln:
Dies geschieht in allen modernen Webbrowsern mittels [[Cascading Style Sheets]] / CSS. Die Stylesheets enthalten eine Liste von Selektoren und regeln:


* <b>Selektoren</b> sind Bedingungen an die Teilstruktur des HTML-Dokuments, die zutreffen müssen, damit die Regeln angewendet werden.
* <b>Selektoren</b> sind Bedingungen an die Teilstruktur des HTML-Dokuments, die zutreffen müssen, damit die Regeln angewendet werden.
Zeile 14: Zeile 14:
Per Voreinstellung liefert der Webbrowser ein Stylesheet aus, das ein von allen üblichen Webbrowsern gewohntes Layout erzeugt. Damit können die meisten für andere Webbrowser entwickelten [[Webseite]]n angezeigt werden. CSS ist jedoch sehr flexibel. Es ist möglich, diesen Satz von Regeln vollständig für jeden Benutzer oder jedes Dokument auszutauschen. Dadurch sind den Darstellungsvarianten fast keine Grenzen gesetzt.
Per Voreinstellung liefert der Webbrowser ein Stylesheet aus, das ein von allen üblichen Webbrowsern gewohntes Layout erzeugt. Damit können die meisten für andere Webbrowser entwickelten [[Webseite]]n angezeigt werden. CSS ist jedoch sehr flexibel. Es ist möglich, diesen Satz von Regeln vollständig für jeden Benutzer oder jedes Dokument auszutauschen. Dadurch sind den Darstellungsvarianten fast keine Grenzen gesetzt.


Das HTML-Rendering ist also ein Teilbereich eines Webbrowsers, der einer eher semantisch orientierten Dokumentenstruktur eine visuelle Darstellung zuordnet. Eine <b>Rendering-Engine</b> interpretiert das Layoutmodell, das durch CSS definiert wurde und füllt in dieses Layout den durch HTML semantisch angereicherten Text.
Das HTML-Rendering ist also ein Teilbereich eines Webbrowsers, der einer eher semantisch orientierten Dokumentenstruktur eine visuelle Darstellung zuordnet. Eine <b>Rendering-Engine</b> interpretiert das Layoutmodell, das durch CSS definiert wurde und füllt in dieses Layout den durch HTML semantisch angereicherten Text. Bekannte Rendering-Engines sind die folgenden.
 
== Rendering-Engines ==


{| class=wiki
{| class=wiki
! Name !! Verwendnung
! Name !! Verwendung
|-
|-
! colspan=2 | Grafische Rendering-Engines
! colspan=2 | Grafische Rendering-Engines
Zeile 26: Zeile 24:
|-
|-
| KHTML || [[Konqueror]]
| KHTML || [[Konqueror]]
|-
| Webkit || Safari
|-
|-
| Presto || [[Opera]]
| Presto || [[Opera]]
|-
|-
| Trident || [[Internet Explorer for Windows]]
| Trident || [[Windows Internet Explorer]]
|-
|-
| Tasman || Internet Explorer for Macintosh
| Tasman || Internet Explorer for Macintosh
|-
|-
| Icab ||
| Webkit || Safari
|-
| Robin (The Bat) ||
|-
|-
! colspan=2 | Textbasierte Rendering-Engines
! colspan=2 | Textbasierte Rendering-Engines
|-
|-
| Lynx || [[Lynx]]
| Lynx || [[lynx]]
|-
|-
| Links || Links
| Links || Links
|}
|}


== Weblinks ==
{{Weblinks}}
 
{{url_dewikipedia|HTML-Rendering|HTML-Rendering}}
{{Weblinks1|{{url_dewikipedia|HTML-Rendering|HTML-Rendering}}
{{url|US|Dreamhost Web Hosting|eng|http://acid3.acidtests.org/|(Acid3 Test)|Test einer [[CSS]]-Referenzdarstellung}}
}}
{{Fuss}}




{{cat|Hypertext Markup Language}}
{{cat|Hypertext Markup Language}}
{{cat|Webbrowser}}
{{cat|Webbrowser}}

Aktuelle Version vom 6. Februar 2010, 23:01 Uhr

HTML-Rendering ist die visuelle Darstellung der Hypertext Markup Language innerhalb des Webbrowsers.

HTML war ursprünglich eine (strukturelle) Beschreibung von Text, eine Art von Rich Text mit Hyperlink-Funktionalität. HTML gibt dem Text eine zusätzliche Semantik (kennzeichnet etwa Überschriften). Zwar gibt es HTML-Attribute, welche direkt das Layout beschreiben, diese sind jedoch in XHTML und neueren Standards nicht gern gesehen und werden nur noch aus Gründen der Kompatibilität unterstützt.

Das spiegelt wider, dass HTML nicht festlegen soll, wie ein Dokument anzuzeigen ist. Dadurch ist HTML so flexibel, dass es beispielsweise in einer Beamer-Präsentation, auf einem Bildschirm, einem PDA oder einem Schwarz-Weiss-LCD angezeigt werden kann. All diese Anzeigegeräte haben unterschiedliche Anforderungen an die visuelle Gestaltung des Inhaltes. Da HTML keine solche Gestaltung festlegt, kann das Anzeigeprogramm die semantische Struktur anzeigegerätespezifisch interpretieren und das visuelle Layout mehr oder weniger frei gestalten.

Das HTML-Rendering ordnet dieser eher semantisch-strukturellen Definition eine visuelle Darstellung des Textes zu.

Dies geschieht in allen modernen Webbrowsern mittels Cascading Style Sheets / CSS. Die Stylesheets enthalten eine Liste von Selektoren und regeln:

  • Selektoren sind Bedingungen an die Teilstruktur des HTML-Dokuments, die zutreffen müssen, damit die Regeln angewendet werden.
  • Regeln sind Attribute, die auf die der entsprechenden Teilstruktur zugeordnete visuelle Darstellung angewendet werden.

Per Voreinstellung liefert der Webbrowser ein Stylesheet aus, das ein von allen üblichen Webbrowsern gewohntes Layout erzeugt. Damit können die meisten für andere Webbrowser entwickelten Webseiten angezeigt werden. CSS ist jedoch sehr flexibel. Es ist möglich, diesen Satz von Regeln vollständig für jeden Benutzer oder jedes Dokument auszutauschen. Dadurch sind den Darstellungsvarianten fast keine Grenzen gesetzt.

Das HTML-Rendering ist also ein Teilbereich eines Webbrowsers, der einer eher semantisch orientierten Dokumentenstruktur eine visuelle Darstellung zuordnet. Eine Rendering-Engine interpretiert das Layoutmodell, das durch CSS definiert wurde und füllt in dieses Layout den durch HTML semantisch angereicherten Text. Bekannte Rendering-Engines sind die folgenden.

Name Verwendung
Grafische Rendering-Engines
Gecko Mozilla Firefox
KHTML Konqueror
Presto Opera
Trident Windows Internet Explorer
Tasman Internet Explorer for Macintosh
Webkit Safari
Textbasierte Rendering-Engines
Lynx lynx
Links Links
Herausgeber Sprache Webseitentitel Anmerkungen
Wikipedia ger HTML-Renderingwbm Enzyklopädischer Artikel
Dreamhost Web Hosting eng (Acid3 Test)wbm Test einer CSS-Referenzdarstellung