Kategorie: HTML

Unterstütze HTML5 mit dem HTML5-Logo Badge

Falls deine Webseite oder dein WordPress-Theme bereits mit HTML5 Elementen umge­setzt ist, kannst du das HTML5-Logo zum Beispiel im Footer oder in der Sidebar deiner Webseite inte­grieren. So kannst du die Verbreitung von HTML5 unter­stützen und deinen Besuchern zeigen, dass deine Webseite bereits modern umge­setzt ist. Außerdem ist das Logo auch sehr hübsch gestaltet und ergibt einen kleinen Hingucker auf deiner Seite. Mit Hilfe des HTML5 Logo-Badge Builders ist die Integration ganz leicht, du kannst ein­fach dein Logo-Code kopieren und auf deiner Seite (bei WordPress z.B. in einem Standard-Textwidget) inte­grieren. Neben dem HTML5 Hauptelement, kannst du das Logo auch noch durch Icons z.B. für CSS3, Multimedia oder Semantics erwei­tern. Neben dem Badge Builder gibt es auf der HTML5 Logo-Seite von W3C übri­gens auch noch ver­schie­dene, schöne HTML5 Logos zum Downloaden.

Wie gefällt dir das HTML5-Logo und wie fin­dest du die Idee, das Logo auf der eigenen Webseite zu integrieren?


Im fol­genden kleinen Video-Tutorial möchte ich dir kurz zeigen, wie du mit Hilfe des Google Chrome Developer Tools oder der Firefox- und Safari-Erweiterung Firebug HTML und CSS-Elemente einer Webseite direkt im Browser kon­trol­lieren kannst. So kannst du z.B. schnell die CSS-Klasse und die ver­wen­deten CSS-Eigenschaften eines HTML-Elements heraus finden und diese dann gege­be­nen­falls anpassen oder, wenn du an einem WordPress Child-Theme arbei­test, in deinem eigenen Stylesheet neu defi­nieren. Weiterlesen

HTML5 Glossar auf der Webseite HTML5 Doctor ⇒

»HTML5 Doctor« bietet ein über­sicht­li­ches Glossar der wich­tigsten neuen und über­ar­bei­teten HTML5-Tags. Du kannst eine eine kurze Beschreibung zum jewei­ligen Tag nach­lesen (in eng­lisch), außerdem gibt es einen Link zur ent­spre­chenden W3C-Seite und einen prak­ti­schen Beispiels-Codeschnipsel. Möchtest du mehr über ein HTML5-Element erfahren, gelangst du über den Link »Our Prognosis« auf auf einen wei­ter­füh­renden Artikel. Da die Beschreibungen leicht ver­ständ­lich und nicht zu über­laden sind, finde ich das HTML5-Glossar ein prak­ti­sches Nachschlagewerk, um mit den neuen HTML5-Elementen ver­trauter zu werden.

Seite 1 von 212
Top