Ab dem 1. August 2012 müssen alle Bestellseiten einer neuen gesetzlichen Regelung, der sogenannten “Button- Lösung”, angepasst werden. Bei fehlenden Änderungen der Webseiten können Abmahnungen drohen und Kaufverträge nicht zustande kommen. Mit der Neuregelung reagiert der Gesetzgeber auf den Missbrauch durch sog. Abofallen im Internet. Verbraucher sollen künftig genau und sicher erkennen können, wenn ein “Klick” Geld kostet. Grundlage der Änderungen ist der neu gefasste § 312g BGB. (2) Bei einem Vertrag im elektronischen Geschäftsverkehr zwischen einem Unternehmer und einem Verbraucher, der eine entgeltliche Leist ... mehr

Die Meta-Angabe für den verwendeten charset <meta charset="utf-8"> sollte idealerweise als Erstes, gleich nach dem einleitenden head-Element erfolgen. Egal, welche Zeichencodierung Ihr Dokument nutzt - bis zu diesem Punkt werden Sie ausschließlich Zeichen genutzt haben, die auch dem ASCII-Zeichensatz entsprechen. Der W3C-Valiator medlet deshalb ggf. einen Fehler, wenn z.B. im title-Tag Sonderzeichen (Umlaute) vorhanden sind. Diese Meta-Angabe muss jedoch vollständig innerhalb den ersten 512 Bytes eines Dokuments stehen.

Manchmal ist es notwendig, einem HTML-Element zusätzliche Informationen zu übergeben, für die sich jedoch kein passendes Attribut finden lässt. Mit HTML5 gibt es die Möglichkeit, individuelle Attribute für Dateninhalte zu erstellen. Diese können dann zum Beispiel mit JavaScript (oder CSS)ausgelesen und weiterverarbeitet werden. Gerade im Zusammenspiel mit JavaScript können zusätzliche Inhalte hilfreich sein, da man kein Attribut zweckentfremden muss und die individuellen Attribute ausschließlich so genutzt werden können, wie man es möchte. Data-Dashs erstellen Alle benutzerdefinierten Attribute haben eines gemeinsam: Sie begi ... mehr

Ein Beispiel für die Anwendung von Pfeile mit CSS über den Border erstellen. Ein Anker mit einem kleinen roten Pfeil davor. a.pfeil {   position: relative;   margin-left: 1.3em; }    a.pfeil:before {   position: absolute;   border-left: 0.7em solid #f00;     border-top: 0.3em solid transparent;   border-bottom: 0.3em solid transparent;   content: "";   top: 0.4em;   left: -1em; } ... <a href="#" class="pfeil">Link mit einem Pfeil davor</a>

Eigene Tooltips sind immer sehr beliebt, da sie gut an das eigene Layout angepasst werden können. I. d. R. werden dazu mehr oder minder aufwändige Javascripte verwendet. Das es auch relativ "einfach" und trotzdem ganz "schön" mit reinem CSS geht, soll dieses Beispiel zeigen. Quick und Dirty Wer diese Tooltips einfach nur anwenden möchte, verfährt einfach wie folgt: Den CSS-Style (siehe weiter unten) einfach in das eigene CSS übernehmen und für alle Links (<a>), die den "neuen" Tooltip verwenden möchten entweder <a href="#" data-tooltip="Das ist der neue Tooltip">Tooltip oben</a>  für einen Tooltip über dem Link o ... mehr