Guten Tag, Freunde!
Lassen Sie mich Ihnen mein neues Projekt vorstellen - eine moderne HTML-Starter-Vorlage.
Diese Vorlage ist das Ergebnis einer Analyse von mehr als 100 Quellen zu Problemen im Zusammenhang mit der Struktur und dem Inhalt einer Webseite, der Aufteilung der Anwendung in Komponenten, dem Zwischenspeichern von Ressourcen, der Suchmaschinenoptimierung, der Sicherheit usw. und umfasst Folgendes:
- Alle Meta- und Link-Tags (allgemein, Microsoft, Facebook, Twitter, IOS, Android, strukturierte Daten - Schema.org und JSON-LD sowie einige sicherheitsrelevante Tags)
- Beispiel mit HTML5-Tags
- Ein Beispiel für die Verwendung von CSS3-Eigenschaften
- Ein Beispiel für die Verwendung von CSS-Modulen
- Ein Beispiel für die Verwendung von JavaScript-Modulen
- Datei "manifest.json"
- Allzweck-Servicemitarbeiter (zuerst Cache, dann Netzwerk)
- Robots.txt-Datei
- Die Datei "sitemap.xml"
- Die Datei "browserconfig.xml"
- Datei ".gitignore"
- Ein Beispiel für einen Express.js-Server, der sicherheits- und komprimierungsbezogene Header festlegt und auf Anfrage Dateien zurückgibt
- Beispiel einer Creative 404-Fehlerseite (Seite nicht gefunden, Creative gehört nicht mir)
- Datei "README.md"
- und vieles mehr
Offizielle Seite: htmltemplate.site .
Der Projektcode ist hier .
Jede Form von Feedback ist willkommen: Zögern Sie nicht, eine persönliche Nachricht zu schreiben und eine Anfrage auf github zu stellen.
Wenn Sie meinen "Forschungs" -Pfad wiederholen möchten, können Sie mit den folgenden Ressourcen beginnen:
Folgen Sie diesem Link, um eine skalierbare Webpack 5-Voreinstellung zu finden, die Babel und PostCSS, einen Entwicklungsserver und einen optimierten Produktionsaufbau enthält.
Und wenn Sie Ihre Kenntnisse in JavaScript aktualisieren oder testen möchten, dann entwickle ich gerade in meiner Freizeit diese wunderbare Anwendung (Sie können sich selbst nicht loben ...).
Vielen Dank für Ihre Aufmerksamkeit und einen schönen Tag.