~2025-40820-48: verb.

2025-12-14T20:47:58Z

verb.

Neue Seite

[[Datei:Layout engine usage share-2009-01-07.svg|mini|Verbreitung verschiedener Browser-Engines zwischen 1994 und 2009.]]

Eine '''Browser-Engine''' (auch HTML-Renderer oder Layout-Engine genannt) ist die zentrale [[Softwarekomponente]] eines [[Webbrowser]]s. Die Hauptaufgabe einer Browser-Engine ist es, die Inhalte einer [[Webseite]] korrekt darzustellen und interaktiv nutzbar zu machen. Dazu kommen verschiedene Aufgaben, die im Hintergrund ablaufen, wie das Ausführen von [[JavaScript]] durch eine [[JavaScript-Engine]] und das Verwalten von Ressourcen wie z. B. Bilder oder Schriftarten.

== Funktionsweise ==

Die meisten [[Webseite]]s benutzen [[Hypertext Markup Language]] (HTML) zur Beschreibung des Inhalts und [[Cascading Style Sheets]] (CSS) zur Beschreibung der Darstellung. Dazu kommen oft Bilder in Form von [[Rastergrafik]]en oder [[Scalable Vector Graphics]].

=== Parsen ===
Das [[Hypertext Markup Language|HTML]]-Dokument wird eingelesen und dessen Elemente strukturiert. Diesen Vorgang nennt man [[Parser|Parsen]]. Nahezu jeder Browser nutzt dafür seinen eigenen Renderer. Die Festlegung der Standards für HTML-Dokumente werden dabei unter anderem vom [[World Wide Web Consortium]] festgelegt und definiert. Dabei existieren unterschiedliche Standards, die [[Syntax]] der Elemente bleibt aber weitestgehend gleich. Der Entwickler sollte mit Hilfe des sogenannten [[Dokumenttypdefinition|Doctypes]] angeben, welcher Standard benutzt wird. Wird der festgelegte Standard nicht vollständig eingehalten, ist das HTML-Dokument nicht valide, der Browser kann die Elemente nicht richtig interpretieren und es kann zu Fehldarstellungen kommen.

=== Generierung des Document Object Models ===
Wurde das Dokument erfolgreich eingelesen, wird ein sogenanntes [[Document Object Model]] erstellt. Diese hierarchische Struktur beinhaltet Informationen über die Ordnung und Unterelemente (Kinder genannt). Das Document Object Model ist auch nach der Ausgabe noch relevant, da etwa [[clientseitige Skriptsprache]]n wie [[JavaScript]] auf dieses zugreifen können, um es zu manipulieren.

=== Stylesheets ===
Die [[Cascading Style Sheets|Stylesheets]] enthalten eine Liste von Selektoren (Bedingungen an die Teilstruktur des HTML-Dokuments, die zutreffen müssen, damit die Regeln angewendet werden) und Regeln (Attribute, die auf die der entsprechenden Teilstruktur zugeordnete visuelle Repräsentation angewendet werden). Per [[Voreinstellung]] liefert der Browser ein Standard-Stylesheet aus, das die meisten Elemente grundformatiert.<ref>{{Internetquelle |url=http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css |titel=Standard-Stylesheet einer älteren Firefox-Version |werk=mxr.mozilla.org |hrsg=Mozilla Foundation |sprache=en |offline=ja |archiv-url=https://web.archive.org/web/20140807043544/http://mxr.mozilla.org/mozilla-central/source/layout/style/html.css |archiv-datum=2014-08-07 |abruf=2011-09-16}}</ref> CSS ist sehr flexibel. Es ist möglich, diesen Satz von Regeln komplett pro Benutzer oder pro Dokument auszutauschen. Dadurch sind den Darstellungsvarianten fast keine Grenzen gesetzt.

=== Reflow ===
Die Berechnung von [[Standard Generalized Markup Language|SGML]]-Strukturen (wie etwa [[HTML]]) wird als Reflow bezeichnet. In diesem Prozess wird die grundlegende Geometrie der zu formatierenden Objekte berechnet – etwa die Höhe oder die Breite eines Elements. Die zu formatierenden Objekte werden als ''frames'' (dt. Rahmen) bezeichnet<ref>{{Internetquelle |autor=Chris Waterson |url=http://www.mozilla.org/newlayout/doc/reflow.html |titel=Notes on HTML Reflow |werk=mozilla.org |hrsg=Mozilla Foundation |sprache=en |offline=ja |archiv-url=https://web.archive.org/web/20100703013917/http://www.mozilla.org/newlayout/doc/reflow.html |archiv-datum=2010-07-03 |abruf=2008-07-15}}</ref> und sind nicht zu verwechseln mit den [[Frame (HTML)|Frames]], die das Laden einer HTML-Seite in eine andere ermöglichen.

== Liste von Browser-Engines ==

{| class="wikitable"
! Browser-Engine !! Entwickler !! Verwendet in || Beschreibung
|-
| colspan="4" style="text-align:left" | '''Engines von produktiv nutzbaren Webbrowsern'''
|-
| [[Blink (Browser-Engine)|Blink]] || [[Google LLC|Google]] || u. a. [[Opera (Browser)|Opera]]<ref>{{Internetquelle |autor=Luca Caracciolo |url=http://t3n.de/news/opera-setzt-webkit-bedeutet-443252/ |titel=Opera setzt auf Webkit: Was bedeutet das für die Weiterentwicklung von HTML? |werk=[[t3n]] |datum=2013-02-14 |offline=ja |archiv-url=https://web.archive.org/web/20130216225941/http://t3n.de/news/opera-setzt-webkit-bedeutet-443252/ |archiv-datum=2013-02-16 |abruf=2013-06-28}}</ref>, [[Google Chrome]], [[Vivaldi (Browser)|Vivaldi]] und [[Microsoft Edge]]<ref>{{Internetquelle |autor=Kyle Pflug |url=https://blogs.windows.com/msedgedev/2020/01/15/upgrading-new-microsoft-edge-79-chromium/ |titel=Upgrading to the new Microsoft Edge |werk=blogs.windows.com |hrsg=Microsoft |datum=2020-01-15 |sprache=en |abruf=2020-01-22}}</ref> || Open Source, Abspaltung von WebKit
|-
| [[Gecko (Software)|Gecko]] || [[Mozilla Foundation]] || u. a. [[Mozilla Firefox]], [[SeaMonkey]], [[Mozilla Camino]] || Open Source
|-
| [[Goanna (Software)|Goanna]] || M. C. Straver || u. a. [[Pale Moon]], Basilisk, [[K-Meleon]] || Open Source, Abspaltung von Gecko
|-
| [[WebKit]] || [[Apple]] || u. a. [[Safari (Browser)|Safari]], [[Gnome Web|Epiphany]] und [[ICab]] || Open Source, Abspaltung von KHTML
|-
| colspan="4" style="text-align:left" | '''Experimentelle bzw. in Entwicklung befindliche Engines'''
|-
| [[Ladybird|LibWeb]] || Ladybird Browser Initiative || [[Ladybird]] || Open Source
|-
| [[NetSurf]] || || [[NetSurf]] || Open Source
|-
| [[Servo (Software)|Servo]] || [[Mozilla]] und [[Samsung]] || [[Firefox Reality]] || Open Source
|-
| colspan="4" style="text-align:left" | '''Eingestellte Engines'''
|-
| [[EdgeHTML]] || [[Microsoft]] || 2015–2019 verwendet von [[Microsoft Edge]] || proprietär
|-
| [[KHTML]] || [[KDE]] || u. a. [[Konqueror]] || Open Source, 2023 eingestellt
|-
| [[Presto (Browser-Engine)|Presto]] || [[Opera Software]] || 2003–2013 verwendet von [[Opera (Browser)|Opera]] || proprietär
|-
| [[Tasman (Software)|Tasman]] || [[Microsoft]] || 2000–2003 verwendet von [[Internet Explorer]] für [[Macintosh]] || proprietär
|-
| [[Trident (Software)|Trident]] || [[Microsoft]] || 1997–2022 verwendet von [[Internet Explorer]] für [[Windows]] || proprietär
|}

Zu Browser-Engines für [[Webbrowser#Textbasierte Browser|textbasierte Webbrowser]] siehe [[Liste von Webbrowsern#Textbasierte Webbrowser]].

== Einzelnachweise ==
<references />

{{SORTIERUNG:Html-Renderer}}
[[Kategorie:Browser-Engine| ]]

Browser-Engine - Versionsgeschichte

~2025-40820-48: verb.