Was ist HTML5 und wie ändert sich die Art und Weise, wie ich browse? [MakeUseOf erklärt]

In den letzten Jahren haben Sie möglicherweise den Begriff gehört HTML5 dann und wann. Unabhängig davon, ob Sie etwas über Webentwicklung wissen oder nicht, das Konzept kann etwas nebulös und verwirrend sein. Natürlich ist dies der nächste Schritt in der HTML-Zeile, aber was genau macht es? Warum ist es so aufregend? Und warum ist es für dich wichtig??

HTML oder HyperText Markup Language ist das wichtigste Element des World Wide Web. In dieser Sprache wird beschrieben, wie eine Webseite aussehen soll. HTML allein ist jedoch ziemlich langweilig, da es nur statische Seiten liefern kann. Um der wachsenden Nachfrage nach eindrucksvolleren Webfunktionen gerecht zu werden, wurde HTML mit Plugins wie CSS, Flash, Java, Silverlight usw. gekoppelt.

Es ist zu einem aufgeblähten Durcheinander geworden, und verschiedene Browser implementieren diese Funktionen auf ihre eigene Weise. HTML5 soll die großen Probleme von HTML für ein saubereres und effizienteres Web lösen.

HTML: Ein Überblick

HTML, wie wir es heute kennen, heißt HTML4 und wurde erstmals 1997 veröffentlicht. Ja, das bedeutet, dass wir seit über 15 Jahren HTML4 verwenden, was eine Ewigkeit in der Tech-Zeit ist. Um das Jahr 2000 wurde mit der Entwicklung einer parallelen Markup-Sprache namens XHTML begonnen, die auch im Laufe der Jahre verwendet wurde, hauptsächlich aufgrund der strengeren Standards, die damit verbunden sind. Im Allgemeinen sind die beiden jedoch ziemlich ähnlich.

Das Problem bei HTML4 ist die eingeschränkte Funktionalität. Es muss durch Plugins wie Flash erweitert werden, um mehr als nur Text und Bilder bereitzustellen. So wurden beispielsweise viele Video-Player auf der Flash-Plattform erstellt, gepflegt und in HTML-Seiten eingebettet. Viele Web-Apps wurden mit Java entwickelt und eingebettet.

Mit all diesen Plugins wird es schwierig, die richtigen Standards einzuhalten. Im Idealfall sollte jeder Browser jede Seite im Web auf dieselbe Weise anzeigen, um jedem Benutzer dieselbe Erfahrung zu bieten. Um dieselben Ergebnisse auf mehreren Browsern anzuzeigen, müssen Webentwickler in der Regel in verschiedenen Bereichen ihrer Website Quick Fixes und Hacks implementieren, um unterschiedliche Rendering-Prozesse zu ermöglichen. Dies wird nach einiger Zeit umständlich.

Ein praktischer Hinweis: Webseiten, für die Plugins wie Flash und Java erforderlich sind, benötigen viel mehr CPU und RAM. Haben Sie sich jemals gefragt, warum Ihr Browser so viele Ressourcen Ihres Computers verwendet? Vieles kann auf diese HTML-Erweiterungen zurückgeführt werden. Dies ist ein Grund, warum Apple die Flash-Unterstützung auf ihren mobilen Geräten deaktiviert hat (um die Akkulaufzeit zu verlängern)..

Was genau ist HTML5??

HTML4 hat gut funktioniert, aber es hat offensichtlich eine Reihe von Fehlern. Das Team hinter HTML5 hat einen bestimmten übergeordneten Plan für den nächsten Schritt in HTML, was bedeutet, dass HTML5 auf den folgenden Prinzipien aufbauen muss:

• Weniger Abhängigkeit von Plugins für die Funktionalität.
• Skripting sollte nach Möglichkeit durch Markup ersetzt werden.
• Geräteunabhängigkeit (d. H. Auf allen Geräten verfügbar und bietet das gleiche Enderlebnis).
• Öffentlicher Entwicklungsprozess, damit die Menschen sehen können, was los ist.

Im Einzelnen fügt HTML5 eine ganze Reihe neuer Markup-Tags hinzu. Top 11 HTML-Tags Jeder Blogger und Website-Besitzer muss die Top 11 HTML-Tags kennen. Jeder Blogger & Website-Besitzer muss wissen Das World Wide Web kennt viele Sprachen und ist in mehreren verschiedenen Sprachen codiert. Die eine Sprache, die überall zu finden ist und seit der Erfindung von Webseiten existiert, ist die… Read More:

• und
• Tag, der einen bestimmten, einzelnen Inhalt identifiziert, z. B. einen Blogbeitrag oder einen Benutzerkommentar.
• Tag, mit dem Sie einen generischen Inhaltsbereich definieren können; ähnlich dem aktuell vorhandenen

  Etikett.
• und Tags, um die Aufnahme von Audio- oder Videoinhalten zu markieren.
• Mit diesem Tag können Sie Grafiken mit einer separaten Skriptsprache zeichnen.
• Tag zum Einbetten externer Inhalte oder Anwendungen in die Seite.

HTML5 lehnt auch einige Tags ab: , , , , , </strong>, und eine Handvoll anderer.</p><p>Die vollständige Standardspezifikation für HTML5 soll bis 2014 abgeschlossen sein, aber HTML5 hat bereits große Fortschritte gemacht und kann bereits heute zur Implementierung von Website-Features verwendet werden. Die vollständige Standardspezifikation für HTML5.1 soll bis 2016 abgeschlossen sein.</p><h2>Warum HTML5 für Sie wichtig ist</h2><p>Als Webbenutzer profitieren Sie von HTML5, da hier die eklatantesten Probleme in HTML4 behoben werden. Websites haben bessere Webstandards, was zu effizienteren Inhalten und verbesserter Leistung führt. Da HTML5 auf breiter Front übernommen wird, sollten Webseiten schneller geladen werden, weniger Bandbreite sollte verwendet werden und die Akkulaufzeit auf mobilen Geräten ist 7 Möglichkeiten, die Akkulaufzeit Ihres Mobiltelefons zu erhöhen [iPhone, Android, andere Smartphones] Handy-Akkulaufzeit [iPhone, Android, andere Smartphones] Bei weitem eines der enttäuschendsten Funktionen in fast jedem Smartphone ist heutzutage die Akkulaufzeit, die für die meisten von uns mindestens eine Ladung pro 24 Stunden benötigt. Sind Sie ein… Read More sollte länger dauern.</p><p>Außerdem müssen Sie nicht so viele Plugins wie Flash und Java auf dem neuesten Stand halten. Ich hasse es, wenn ich ständig so viele Addons und Plugins über mehrere Browser hinweg aktualisieren muss. Und was passiert, wenn eine davon die falsche Version ist? Websites hören auf zu arbeiten und es kommt zu Frustration. All dies sollte beseitigt werden, wenn HTML5 zum Hauptstandard wird.</p><p><img src="//ephesossoftware.com/img/images/what-is-html5-and-how-does-it-change-the-way-i-browse-[makeuseof-explains]_4.jpg"></p><p>Wenn Sie nur ein normaler Webbenutzer sind und keine Absicht haben, Ihre eigene Website zu programmieren oder zu verwalten, müssen Sie nichts tun, um die fantastischen Funktionen von HTML5 zu nutzen. Heutzutage unterstützen alle gängigen Browser HTML5 weitgehend, und Sie haben wahrscheinlich bereits davon profitiert, ohne es zu wissen. Halten Sie einfach Ihren Browser auf dem Laufenden, und Sie können loslegen.</p><p>Und wenn Sie Webentwickler sind, macht HTML5 Ihnen alles einfacher und einfacher. Wenn alles gut geht, müssen Sie sich nicht mit Randfällen im Webdesign befassen, da alle Browser dieselben Standards einhalten müssen.</p><h2>Fazit</h2><p>HTML5 ist die Zukunft des Webbrowsers und wird sicherlich das Surfen im Internet revolutionieren. Selbst unter der eingeschränkten Natur von HTML4 haben Entwickler einige verblüffende Websites erstellt. Daher ist es interessant zu sehen, welche Art von Verbesserungen sie mit der Funktionalität von HTML5 machen werden.</p><p>Hoffentlich können Sie jetzt HTML5 in einem klareren Licht sehen und sehen, warum es so hoch gehyped wurde. Sie können Ihr Lernen auch auf diesen zehn Websites verbessern, die Ihnen zeigen, worum es bei HTML5 geht. 10 Websites, um zu sehen, was HTML5 ist. 10 Websites, um zu sehen, was HTML5 ist. Sie sollten auch unser HTML5-Tutorial lesen, um mehr zu erfahren. Wenn Sie Fragen haben, fragen Sie bitte in den Kommentaren. Ich werde mein Bestes tun, um Ihnen zu antworten.</p><p><small>Bildnachweise: HTML5 über Shutterstock, HTML-Code über Shutterstock, HTML5-Tag-Cloud über Shutterstock, Guy On Laptop über Shutterstock</small></p> <p><small>Erfahren Sie mehr über: HTML, HTML5, Programmierung, Webentwicklung.</small></p> </div> <div class="rek-block"> <center> <ins class="adsbygoogle" style="display:inline-block;width:580px;height:400px" data-ad-client="ca-pub-3810161443300697" data-ad-slot="3145557800"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </center> </div> <div class="row PageNavigation d-flex justify-content-between font-weight-bold"> <a class="prev d-block col-md-6" href="/articles/security/what-is-hsts-and-how-does-it-protect-https-from-hackers.html"> « Was ist HSTS und wie schützt es HTTPS vor Hackern?</a> <a class="next d-block col-md-6 text-lg-right" href="/articles/technology-explained/what-is-http2-and-how-does-it-affect-the-internets-future.html">Was ist HTTP / 2 und wie wirkt es sich auf die Zukunft des Internets aus? » </a> <div class="clearfix"></div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <div class="site-langs-list"> <ul> <li class="site-lang"><a href="https://ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-DE"></i>Deutsch</a></li> <li class="site-lang"><a href="https://nl.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NL"></i>Nederlands</a></li> <li class="site-lang"><a href="https://sv.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-SE"></i>Svenska</a></li> <li class="site-lang"><a href="https://no.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-NO"></i>Norsk</a></li> <li class="site-lang"><a href="https://it.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-IT"></i>Italiano</a></li> <li class="site-lang"><a href="https://fr.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-FR"></i>Français</a></li> <li class="site-lang"><a href="https://es.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-ES"></i>Español</a></li> <li class="site-lang"><a href="https://ro.ephesossoftware.com/articles/internet/what-is-html5-and-how-does-it-change-the-way-i-browse-makeuseof-explains.html"><i class="flag flag-RO"></i>Românesc</a></li> </ul> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-sm-6 text-center text-lg-left"> © <script> var currentTime = new Date(); var year = currentTime.getFullYear(); document.write(year); </script> <a href="https://ephesossoftware.com">ephesossoftware.com</a> </div> <div class="col-md-6 col-sm-6 text-center text-lg-right"> <span>Nachrichten aus der Welt der modernen Technologie!</span> </div> </div> </div> </footer> </div> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#edeff5", "text": "#838391" }, "button": { "background": "#4b81e8" } }, "theme": "classic", "position": "bottom-right" })}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script> <script> SimpleJekyllSearch({ searchInput: document.getElementById('search-input'), resultsContainer: document.getElementById('results-container'), json: '/search.json', searchResultTemplate: '<li><a href="{url}">{title}</a></li>' }) </script> </body> </html>