„Viele interessante Fakten und Links rund um HTML5“

„Online-Marketing Fachbeitrag: HTML5“

Informationen gemäss Stand vom 12.12.2019

HTML5 ist eine textbasierte Auszeichnungssprache zur Strukturierung und semantischen Auszeichnung von Inhalten wie Texte, Bilder und Hyperlinks in Webdokumenten.
HTML5 hat das Web erobert. Grund genug, einige interessante Fakten und Links zum Thema HTML5 vorzustellen.

„Inhaltsverzeichnis: HTML5“

• Formulare
• Vorlagen und Entwicklung
• Anleitungen
• Online-Werkzeuge
• Tipps und Tricks

„Formulare“

Vor allem im Bereich Formulare hat HTML5 mehr zu bieten. So gibt es neue Feldertypen wie zum Beispiel Datum, E-Mail, Webadressen und Zahlen. Zudem können die Felder ohne Javascript auf den Inhalt überprüft werden.

Noch nicht alle Browser können alle Anweisungen korrekt verarbeiten. Aus diesem Grund sieht diese Seite auch bei diversen Browsern leicht anders aus. Besonders der Google Chrome kann hier glänzen.

„Vorlagen und Entwicklung“

• HTML5 Biolerplatte (E)
  HTML5 Boilerplate ist ein professionelles HTML/CSS/JS-Template als Basis für eine schnelle, robuste und zukunftssichere Website.
  html5boilerplate.com
• 99Lime HTML KickStart (E)
  Bei KickStart handelt es sich um ein fertig geschnürtes Paket an HTML5-, CSS- und Javascript-Dateien, um einen schnelleren Start beim nächsten Webprojekt zu ermöglichen.
  99lime.com
• HTML5 Projekt in 15 Sekunden starten (E)
  Erstellt in 15 Sekunden eine Vorlage, die Sie weiter verarbeiten können. Selbst ein responsives Layout ist mit dabei.
  initializr.com
• HTML5 UP (E)
  Vorlagen für komplette Websites.
  html5up.net
• Gethead (E)
  Alle wichtigen Informationen über den HTML-Header.
  htmlhead.dev
• HTML5 Generator (E)
  Generieren Sie den Code für Buttons, Formularelemente, Media, Texte, etc.
  webcode.tools/html-generator

„Anleitungen“

• HTML5-Handbuch (D)
  Sehr ausführliche Online-Version eines Handbuches zum Thema HTML5.
  snip.ly/4vtxje
• Die praktische Online-Referenz zu HTML5 und App-Entwicklung (D)
  Enthältet Tutorials, Neuerungen und Anleitung zum Programmieren von iPhone Apps.
  selfhtml5.org
• HTML5 Überblick (D)
  Einführung in die Internetentwicklung mit HTML5.
  snip.ly/kua7w2
• HTML5 Tutorial (E)
  Tutorial und schöne Übersicht der Tags.
  snip.ly/t5j242
• YouTube-Filme (D) (E)
  Viele Lehrfilme rund um HTML5.
  YouTube.de
• HTML5 Cheat Sheet (E)
  Alle aktuellen Anweisungen auf einen Blick.
  snip.ly/p5299x
• Liste der HTML5-Elemente
  Auf dieser Seite finden Sie eine Liste aller Standard HTML5-Elemente, beschrieben durch ihr öffnendes Tag, nach deren Funktion gruppiert. Diese Liste enthält ausschliesslich die gültigen HTML5-Elemente. In neuen Websites sollten nur die hier aufgezählten Tags verwendet werden.
  snip.ly/sjjx85
• Grundwissen für alle
  HTML5-Video als Ersatz für den Flash-Player.
  snip.ly/trmcbe

„Online-Werkzeuge“

• HTML5 Spiele (D)
  Die Site stellt Spiele vor, die mit HTML5 erstellt wurden.
  html5spiele.de
• HTML5-Validator (E)
  Validiert HTML5-Webseiten auf korrekten Seitencode.
  html5.validator.nu
• HTML5 / CSS3 Box.com (E)
  Audios und Videos einbetten leicht gemacht: Beinhaltet einen Audio-Tag Generator und einen Video-Tag Generator.
  html5css3box.com
• HTML5 Bookmarks (E)
  Hier werden täglich neue Links zum Thema vorgestellt. Fast alle Quellen sind in englischer Sprache.
  html5bookmarks.com
• Formular-Generator
  Erstellen Sie ein Kontaktformular und laden Sie dieses anschliessend herunter.
  snip.ly/zcp344

„Tipps und Tricks“

• HTML5 Video-Tag verwenden, ein Tutorial (D)
  Der Blogbeitrag erklärt, wie Sie Videos in HTML5-Seiten einbetten.
  snip.ly/a082vt

Autor: Walter B. Walser, kundennutzen.ch