Viele interessante Fakten und Links rund um HTML5

mit Keine Kommentare

Online-Marketing-Fachbeitrag: HTML5

Informationen gemäss Stand vom 7.8.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, interes­sante Fakten und Links zum Thema HTML5 vorzu­stellen.

HTML5 Bildquelle von Anand Kumar auf Pixabay

Inhaltsverzeichnis: HTML5


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.


















BMW
Ford
Nissan
Fiat
Audi


  Fahrrad
  Automobil
  Zug


  Glarus



Vorlagen und Entwicklung

HTML5

  • 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 Java­script-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 da­bei.
    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
  • 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

Verfolgen Walter B. Walser:

Gründer des pra­xis­na­hen On­li­ne-Mar­ke­ting Ma­ga­zins kundennutzen.ch, Autor und Online-Marketing Manager. Er half frü­her Un­ter­neh­mern 100% mehr aus Ihrer Web­site he­r­au­­s­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­si­te-Opti­mie­rung und das On­li­ne-Mar­ke­ting mit On­li­ne-Tools spe­zia­li­siert.