Gunnar Bittersmann: Ein weiterer Versuch meiner Webseite + eine php Frage!

Beitrag lesen

@@seufZ

okay, mein nächster Versuch, dabei habe ich mir html5 angeschaut! :o)))

Linkbeschreibung

Schauen wir uns mal den Quelltext an:

<html>

Hierin die Sprache angeben:

<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&mdash;in nature among animals,
		plants and in contact with them.”
		<footer>&mdash;<cite>Andrey Tarkovsky</cite></footer>
	</blockquote>

(Ich hab hier zur besseren Sichtbarkeit die Zeichen-Entity-Referenz &mdash; 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.