Headerimage mit responsivem SVG

[Matthias Scharwies]

Servus!

nun sind ja schon einige Monate ins Land gegangen und die damals noch schwer im Bau befindliche Homepage ist endlich online.

Sieht gut aus! Das headerimage würde ich aber als Text / SVG realisieren - wäre besser für die Auffindbarkeit durch Suchmaschinen.

Ich hab mal einen Versuch gemacht:

• neue Variante mit responsiver SVG-Grafik

Die Einstellungen sind alle mit CSS festgelegt und deshalb veränderbar.

Die Grafiken habe ich aus der Wikipedia (Lizenzfrei) übernommen - sie können in Farbe und Größe auch mit CSS geändert werden.

Im Inhaltsbereich gibt es auch noch einige Sachen, die man verbessern könnte, angefangen von

<div class="dokumentinhalt"> würde ich eher <main> nehmen und dem Tabellenlayout, das man heute (2017) auch eher anders umsetzen würde.

Wiki-Artikel zum Thema:

• Warum SVG einsetzen?

• HTML5-Seitenstrukturierung

Herzliche Grüße

Matthias Scharwies