@@seufZ
okay, mein nächster Versuch, dabei habe ich mir html5 angeschaut! :o)))
Schauen wir uns mal den Quelltext an:
<html>
<html lang="de">
<meta name="description" content="Waldfrieden -- Tassilo Sturm" />
Macht das Sinn? Wenn das in SERPs auftaucht, animiert der Text die Suchenden, auf diese Webseite zu gehen?
Anstatt --
würde ich einen richtigen Gedankenstrich verwenden: –
U+2013 EN DASH oder —
U+2014 EM DASH. Dasselbe im title
.
<script> document.createElement('article'); document.createElement('section'); document.createElement('aside'); document.createElement('hgroup'); document.createElement('nav'); document.createElement('header'); document.createElement('footer'); document.createElement('figure'); document.createElement('figcaption'); </script>
Der Code ist nur für alte IEs notwendig; sollte also in conditional comments stehen.
Außerdem würde ich dafür html5shiv einbinden – da steckt mehr Knowhow hinter.
<div id="wrapper">
Wozu?
<h1 class="ueberschrift">Waldfrieden -- Tassilo Sturm </h1>
Die Klasse ist unsinnig. Das es sich um die Überschrift handelt, geht bereits aus dem Elementtyp h1
hervor.
Zum Gedankenstrich s.o.
<blockquote> “Man does not need society at all, it’s the society that needs man. Society is a forced measure of protection and survival. Unlike a gregarious animal, man must live alone - in nature among animals, plants and in contact with them.” -- <strong>Andrey Tarkovsky</strong> </blockquote>
Quellenangabe nicht in strong
, sondern in cite
oder footer
oder beidem. [HTML5]
Richtigen Gedankenstrich verwenden, im Englischen –
U+2013 EN DASH mit Leerzeichen davor und danach oder —
U+2014 EM DASH ohne Leerzeichen. Für den Autor letzteres. (Im Deutschen als Gedankenstrich nur ersteres, Autor in Klammern.)
<blockquote>
“Man does not need society at all, it’s the society that needs man.
Society is a forced measure of protection and survival. Unlike a
gregarious animal, man must live alone—in nature among animals,
plants and in contact with them.”
<footer>—<cite>Andrey Tarkovsky</cite></footer>
</blockquote>
(Ich hab hier zur besseren Sichtbarkeit die Zeichen-Entity-Referenz —
verwendet.)
<figure> <img src="fotos/20150409_020705_web_klein.jpg" alt="RTFM - Kunsthalle Münster, 2015" width="750 height="422"> <figcaption>"bunker" @ RTFM - Kunsthalle Münster, 2015</figcaption> </figure>
Es macht keinen Sinn, als Alternativtext das anzugeben, was ohnehin als Bildunterschrift dasteht; Screenreader würden denselben Text dann doppelt vorlesen. In dem Fall ist alt=""
anzugeben (nicht das alt
-Attribut ganz weglassen!).
Ergänzung: Wie man am Syntax-Highlighting sieht, fehlt ein schließendes "
.
<footer> <p class="ueberschrift">
Nö, das ist keine Überschrift.
LLAP 🖖
Ist diese Antwort anstößig? Dann könnte sie nützlich sein.