„Viele interessante Fakten und Links rund um HTML5“

„Online-Marketing Fachbeitrag: HTML5“

Informationen gemäss Stand vom 9.3.2021

HTML5 ist eine textbasierte Aus­zeich­nungs­sprache zur Struktu­rierung und seman­tischen Aus­zeichnung von Inhalten wie Texte, Bilder und Hyper­links in Web­doku­menten. HTML5 hat das Web erobert. Grund genug, ei­nige interes­sante Fakten und Links zum Thema HTML5 vorzu­stellen.

Quelle: Anand Kumar auf Pixabay

„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 Da­tum, E-Mail, Webad­ressen und Zah­len. Zudem können die Felder ohne Java­script auf den Inhalt überprüft werden.

Noch nicht alle Browser können alle An­weisungen 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 profes­sionel­les HTML/CSS/JS-Template als Basis für eine schnelle, robus­te und zu­kunfts­sichere Web­site.
  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 Web­pro­jekt zu ermög­lichen.
  99lime.com
• HTML5 Projekt in 15 Sekunden starten (E)
  Erstellt in 15 Sekunden eine Vorlage, die Sie weiter verarbeiten können. Selbst ein res­pon­sives 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, For­mular­elemente, 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 An­lei­tung zum Pro­grammieren 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 Funk­tion gruppiert. Diese Liste enthält aus­schliess­lich die gülti­gen HTML5-Ele­mente. In neuen Websites sollten nur die hier aufge­zählten Tags ver­wendet wer­den.
  snip.ly/sjjx85
• Grundwissen für alle
  HTML5-Video als Ersatz für den Flash-Pla­yer.
  snip.ly/trmcbe

„Online-Werkzeuge“

• HTML5 Spiele (D)
  Die Site stellt Spiele vor, die mit HTML5 er­stellt 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 ge­macht: Beinhaltet einen Audio-Tag Gene­rator und einen Video-Tag Gene­rator.
  html5css3box.com
• HTML5 Bookmarks (E)
  Hier werden täglich neue Links zum The­ma vorge­stellt. Fast alle Quellen sind in eng­lischer Sprache.
  html5bookmarks.com
• Formular-Generator
  Erstellen Sie ein Kontaktformular und la­den Sie dieses anschlies­send 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

Walter B. Walser ist Online-Mar­ke­ting Ma­na­ger und Re­dak­tor. Er half frü­her Un­ter­neh­mern 100% mehr aus Ihrer Web­site her­aus­zu­ho­len. Er hat KMU in Bezug auf deren Web­auf­tritt be­raten und sich auf die Web­si­te-Pfle­ge, Web­site-Opti­mie­rung und das On­li­ne-Mar­ke­ting mit On­li­ne-Tools spe­zia­li­siert.
„Sie dürfen ihn gerne kontak­tie­ren!“

Walser Organisation
https://kundennutzen.ch/