Spielanleitung
Bereit für ein Online-Spiel, bei dem man sein Wissen über HTML anwenden kann?
Du bekommst per Zufall HTML-Elemente angezeigt. Diese musst Du clever in einem 5x5-Feld platzieren und darüber möglichst viele Punkte sammeln. Aber Achtung: Nicht immer dürfen einzelne HTML-Tags mehrfach in einer 5er-Reihe vorkommen. Du setzt ja auch nicht mehrere H1 auf Deiner Website, oder?
Wende die bekannten SEO- und HTML-Regeln in diesem Spiel an, um möglichst viele Punkte zu erreichen. Los geht's!
Du bekommst per Zufall HTML-Elemente angezeigt. Diese musst Du clever in einem 5x5-Feld platzieren und darüber möglichst viele Punkte sammeln. Aber Achtung: Nicht immer dürfen einzelne HTML-Tags mehrfach in einer 5er-Reihe vorkommen. Du setzt ja auch nicht mehrere H1 auf Deiner Website, oder?
Wende die bekannten SEO- und HTML-Regeln in diesem Spiel an, um möglichst viele Punkte zu erreichen. Los geht's!
Punktewertung
Diese HTML-Elemente kommen im Spiel vor:
<a> <b> <body> <h1>
<h2> <h3> <head>
<html> <meta name= "description"> <p>
<title>
Eine sinnvolle Zusammenstellung der HTML-Elemente bringt Dich zum Highscore. Die Reihenfolge innerhalb einer Zeile, Spalte oder Diagonale ist dabei egal. Folgende Möglichkeiten stehen Dir hierbei zur Verfügung:
- Link-Hub:
2–5 gleiche Tags<a>bringen 1/3/6/8 Punkte. - Content-Hub:
2–5 gleiche<p>bringen 1/3/6/8 Punkte. - "Being Bold, Being Strong":
2–5 gleiche<b>bringen 1/3/6/8 Punkte. P.S. Kennst Du eigentlich den Unterschied zwischen dem HTML-Tags für bold und strong? - Full House:
2× eines der drei (<a>/<p>/<b>) und 3× ein anderes = 8 Punkte. - Heading-Hero:
Genau 1×<h1>und 1×<h2>bringt 3 Punkte. Für eine logische und damit konsistente Dokumentenkontur mit 1×<h1>und 2–4×<h2>/<h3>gibt es 6/8/10 Punkte. - Snippet-Optimizer:
<title>+<meta name="description">in einer Fünfer-Reihe = 3 Punkte. - HTML-Guru:
<html>,<head>,<body>,<title>(+ optional<meta name="description">) = 10/15 Punkte.