{"id":253457,"date":"2023-01-03T13:57:00","date_gmt":"2023-01-03T10:57:00","guid":{"rendered":"https:\/\/inform.click\/grunde-fur-den-wechsel-zu-html5-und-beispiele-die-dafur-sprechen\/"},"modified":"2023-01-03T13:57:00","modified_gmt":"2023-01-03T10:57:00","slug":"grunde-fur-den-wechsel-zu-html5-und-beispiele-die-dafur-sprechen","status":"publish","type":"post","link":"https:\/\/inform.click\/de\/grunde-fur-den-wechsel-zu-html5-und-beispiele-die-dafur-sprechen\/","title":{"rendered":"Gr\u00fcnde f\u00fcr den Wechsel zu HTML5 und Beispiele, die daf\u00fcr sprechen"},"content":{"rendered":"

\n HTML5 ist eine virtuose Innovation und tats\u00e4chlich eine Technologie, die dem Genre der Website-Entwicklung neues Blut beschert hat. Egal, ob Sie m\u00f6chten, dass Ihre Website formver\u00e4ndernde Funktionen bietet oder eine \u00fcberw\u00e4ltigend sch\u00f6ne visuelle Anziehungskraft zur Schau stellen soll, HTML5 erledigt die Arbeit f\u00fcr Sie, und zwar auf beeindruckende Weise.\n<\/p>\n

\n W\u00e4hrend diese Plattform vor einiger Zeit ihren Vorsto\u00df in den Bereich der Webentwicklung gemacht hat, gibt es keinen Mangel an Webmastern, die sie nicht in ihrer Liste der \u201eTop 3 bevorzugten Tools“ haben, wenn es um die Erstellung einer Website geht. Und ein gro\u00dfer Teil dieser Webmaster verwenden bereits andere Plattformen f\u00fcr ihre Website und gehen daher Kompromisse bei einer Reihe von Funktionen ein, die HTML5 in ihre Websites h\u00e4tte integrieren k\u00f6nnen.\n<\/p>\n

\n 1 Es l\u00e4sst den kreativen Seelen freien Lauf
\n<\/h5>\n

\n Innovation ist das Markenzeichen der gr\u00f6\u00dften Designer und Entwickler, und wenn ein Tool auf den Markt kommt, mit dem sie ihrer Kreativit\u00e4t keine Grenzen setzen k\u00f6nnen, muss es unterst\u00fctzt werden. HTML5 passt perfekt und auf die solideste Art und Weise. Als Webentwicklungs-Framework ist HTML5 super anpassbar, sodass sich Design-Profis ausdr\u00fccken k\u00f6nnen. Wenn es also auf Ihrer Agenda steht, der Kurve voraus zu sein, ist der HTML5-Wagen da, um ihn zu fangen.\n<\/p>\n

\n 2 Die stark verbesserte Videounterst\u00fctzung ist zum Mitnehmen da
\n<\/h5>\n

\n Die Videounterst\u00fctzung wurde mit dem neuen HTML5-Einbettungsvideo f\u00fcr die Browser erheblich verbessert. Da nicht alle Browser verschiedene Formate wie H.264 unterst\u00fctzen, m\u00fcssen Sie Folgendes verwenden, wenn Sie ein HTML5-Video anzeigen m\u00f6chten:\n<\/p>\n

<video controls=\"\" preload=\"\"><code>     <source src=\"cohagenPhoneCall.ogv\" type=\"video\/ogg; codecs='vorbis, theora'\" \/><\/code>          \n
\n  Your browser does not support the format. Download this format.<\/a>\n<\/p><\/video><\/code><\/pre>\n
\n  3 Sie k\u00f6nnen damit Websites \u201ef\u00fcr Mobilger\u00e4te“ erstellen, anstatt Sie zu zwingen, mehrere Versionen zu erstellen
\n<\/h5>\n
\n  Melden Sie sich bei den Analysen Ihrer Website an, kratzen Sie ein wenig an der Oberfl\u00e4che und beobachten Sie die Betriebssystemplattformen, von denen Sie die meisten Ihrer Besuche erhalten. Sie werden \u00fcberrascht sein zu sehen, dass die Mehrheit Ihrer Besuche von mobilen Benutzern kommt, im Gegensatz zu den Zahlen vor einem Jahr, als Sie wahrscheinlich mehr Desktop-Benutzer auf Ihrer Website hatten. Daher ist es viel empfehlenswerter, eine Website f\u00fcr Mobilger\u00e4te zu erstellen, als eine Desktop-zentrierte Website zu erstellen und dann eine f\u00fcr Mobilger\u00e4te optimierte Version derselben zu erstellen. Und HTML5 macht es zu einer hocheffizienten \u00dcbung, speziell f\u00fcr mobile Websites gemachte Websites zu erstellen, die ihre visuelle Attraktivit\u00e4t behalten, wenn sie auf kleineren Bildschirmen aufgerufen werden, und sich an die reduzierte Gr\u00f6\u00dfe anpassen, ohne Kompatibilit\u00e4ts- oder Reaktionsprobleme auf Sie zu werfen.\n<\/p>\n
\n  4 Verschachtelter XHTML-Dokumenttyp macht Platz f\u00fcr eine einfachere, weniger umst\u00e4ndliche Version
\n<\/h5>\n
\n  Um es ohne Zweideutigkeit auszudr\u00fccken, der XHTML-Dokumenttyp wurde von der Entwicklergemeinschaft nicht leidenschaftlich betrachtet. Und der Grund daf\u00fcr ist mehr als offensichtlich, wie es geschrieben wird als:\n<\/p>\n
nbsp;   \"http:\/\/www.xyz.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><\/code><\/pre>\n
\n  HTML5 hat die Erkl\u00e4rung viel k\u00fcrzer und f\u00fcr die Entwickler verst\u00e4ndlicher gemacht:\n<\/p>\n
\n  5 Attribute k\u00f6nnen intuitiver erkannt werden
\n<\/h5>\n
\n  In erster Linie sollten die Attribute, die Sie in Ihrem Programm verwenden, nahtlos feststellen k\u00f6nnen, ob sie von den Browsern angemessen erkannt werden. HTML5 gibt diesen Attributen das n\u00f6tige Kleingeld, um genau das zu tun. Dabei erweist sich die Modernizr-Bibliothek als einfallsreiches Werkzeug, aber es gibt auch andere M\u00f6glichkeiten, wie das Erstellen der Elemente, bevor sie seziert werden. Auf diese Weise wird es einfach, die Browserf\u00e4higkeit zu bewerten.\n<\/p>\n
\n  6 Es hat seine Reihe von Fixes f\u00fcr IE
\n<\/h5>\n
\n  Nun ja, der Internet Explorer wird von der Internet-Gemeinschaft auf der ganzen Welt eher leidenschaftslos betrachtet, und das aus sehr berechtigten Gr\u00fcnden. Wie erwartet hat der IE seine eigenen Probleme im Umgang mit den neuen Elementen, die HTML 5 einf\u00fcgt. Daher ist es wichtig, diese Elemente so zu gestalten, dass sie f\u00fcr diesen Browser verst\u00e4ndlicher werden, um den HTML5-Elementen ein Gef\u00fchl von Struktur zu verleihen sind als Elemente auf Blockebene ausgerichtet:\n<\/p>\n
header, footer, article, section, nav, menu {\n   display: block;\n}<\/code><\/pre>\n
\n  Nun besteht die M\u00f6glichkeit, dass Internet Explorer weiterhin ein Problem darstellt, da er m\u00f6glicherweise nicht richtig mit dem Header-Element vertraut ist. Das Styling in HTML5 l\u00e4uft also Gefahr, eklatant ignoriert zu werden. Allerdings gibt es daf\u00fcr eine einfache L\u00f6sung:\n<\/p>\n
document.createElement(\"article\");\ndocument.createElement(\"footer\");\ndocument.createElement(\"header\");\ndocument.createElement(\"nav\");\ndocument.createElement(\"menu\");<\/code><\/pre>\n
\n  7 Geolokalisierung
\n<\/h5>\n
\n  Geolokalisierung ist unbestreitbar die Fangfunktion von HTML5. Was es tut, ist, dass es Ihnen die mathematischen Werte zuwirft, die die Koordinaten des Standorts Ihres Benutzers darstellen. Diese Standortkoordinaten werden mithilfe des Browsers berechnet, mit dem der Besucher auf die Website zugreift.\n<\/p>\n
\n  8 Code, der \u00fcbersichtlich und viel verst\u00e4ndlicher ist
\n<\/h5>\n
\n  Es wird immer empfohlen, Programme zu schreiben, die sauber, leicht verst\u00e4ndlich und m\u00f6glichst wiederverwendbar sind. HTML5 macht all dies m\u00f6glich und mehr, indem es einen Code erleichtert, der hochgradig synchron und semantisch ist und Ihnen die Freiheit gibt, eine Grenze zwischen Stil und Inhalt zu ziehen, damit sie leicht verst\u00e4ndlich sind. Ein Standard-Header-Code mit Navigation sieht so aus:\n<\/p>\n
\n  \u00a0<\/code><\/p>\n
\n    Header Text<\/code>
\n  <\/h1>\n
\u00a0<\/code><\/p>\n
\n    \u00a0\u00a0<\/code><\/p>\n
    \n         <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
       <\/p>\n
  • \n        <a href=\"https:\/\/inform.clickx\">Link<\/a><\/code>\n      <\/li>\n
      \n    <\/ul>\n
    \u00a0<\/code>\n  <\/div>\n<\/div>\n
    \n  W\u00e4hrend Sie vielleicht argumentieren, dass der Code einfach genug ist, sehen wir uns an, was HTML5 damit machen kann:<\/code>\n<\/p>\n
    \n  \u00a0<\/code><\/p>\n
    \n    Header Text<\/code>
    \n  <\/h1>\n
    \u00a0<\/code><\/p>\n