Eine statische Webseite ist eine Webseite, die genau so gehostet wird, wie sie dem Webbrowser ausgeliefert wird, im Gegensatz zu dynamischen Webseiten, die von einer Webanwendung zum Zeitpunkt das Aufrufs generiert werden. Statische Webseiten zeigen allen Benutzern gleichen Informationen und aus allen Kontexten an, vorbehaltlich der modernen Fähigkeiten eines Webservers zur Content Negotiation, Inhaltstyp oder Sprache des Dokuments anzupassen. Allerdings können statische Webseite mit JavaScript um dynamische Funktionen, wie Personalisierung oder Kommentarbereiche (z. B. Disqus), erweitert werden.
Eigenschaften Technisch sind statische Webseiten HTML-Dokumente, die als Dateien im Dateisystem gespeichert und vom Webserver über HTTP zur Verfügung gestellt werden. URLs mit der Dateinamenserweiterung „.html“ sind aber nicht immer statisch.
Statische Webseiten nutzen nur einen Webserver als Dienst, daher müssen keine weiteren Abhängigkeiten wie Datenbanken oder andere Anwendungsserver betrieben werden, was das Ausfallrisiko reduziert. Auch verbessert sich die Sicherheit gegenüber dynamischen Websites, da weniger Softwarekomponenten potentielle Sicherheitslücke haben können. Die Websitegeschwindigkeit steigt im Vergleich zu dynamischen Websites. Auch können Cloud-Speicher zum Webhosting genutzt werden.
Statische-Website-Generatoren Manuell erstellte statische Webseiten eignen sich für Websites mit wenigen Webseiten, die nur selten aktualisiert werden müssen. Soll eine Website viele Webseiten umfassen oder oft geändert werden, werden Static site generators (SSG) genutzt. Der Webinhalt wird in einer vereinfachten Auszeichnungssprache wie Markdown oder AsciiDoc gespeichert, dann mit einer Template-Engine als HTML-Seiten generiert und dann auf einen Webserver zur Veröffentlichung geladen.
Statische-Website-Generatoren könne dabei die meisten Features von dynamischen Content-Management-Systemen bieten, die keine benutzerspezifischen Daten verarbeiten: Metadaten, Transklusionen, automatische Inhaltsverzeichnisse, Navigationsleisten und Tags über die Inhalte der gesamten Seite. Manche bieten auch eine rudimentäre lokale Suchmaschine an.vitepress.dev - Local Search Um Inhalte zu erstellen oder zu verändern, werden entweder die Quelltexte lokal angepasst, mit dem statischen Website-Generator HTML-Dateien erzeugt und dann veröffentlicht, oder Softwareentwicklungsplattformen können Quelltexte auch online verwalten, direkt mit CI/CDs HTML-Dateien erzeugen und diese als statische Datei hosten.
+ Beispiele Programmiersprache Auszeichnungssprachen Template-Engine Metadaten Transklusionen Wikilinks Bemerkung Jekyll Ruby Markdown, Textile Liquid Front Matter mit YAMLjekyllrb.com - Front Matter jekyllrb.com - Includes mit Pluginrubygems.org jekyll-wikilinks genutzt von GitHub-Pages Middleman Markdown Hugo Go Markdown, AsciiDoc, reStructuredText/gohugo.io - Content formats Template-Engine von Gogohugo.io - Introduction to templating Front Matter mit YAML, TOML oder JSONgohugo.io - Front matter Gatsby React Markdown Vitepress JavaScript Markdownvitepress.dev - What is VitePress? Vue.js Front Matter mit YAMLvitepress.dev - Frontmatter vitepress.dev - Markdown File Inclusion Next.js Markdown Astro.build Markdown MkDocs Python Markdown Jinja2 Front Matter mit YAML oder MultiMarkdown Stylemkdocs.org - Meta-Data mit Plugincmacmackin/markdown-include mit Pluginpypi.org - mkdocs-wikilinks-plugin Sphinx reStructuredText, Markdown Pelican Markdown Franklin Julia Markdown Pandoc Haskell Markdown, reStructuredText, textile, MediaWiki rudimentäres TemplatingBuilding a Website using Pandoc, Markdown, and Static HTML Metadata blocks mit YAML oder LaTexpandoc.org - Metadata blocks
Einzelnachweise
Weblinks Übersicht von Static Site Generators
Kategorie:Website Kategorie:Web-Entwicklung