Die Entwicklung des Internets bringt immer das Aufkommen neuer Technologien hervor, und HTML5 und CSS3 sind in letzter Zeit heiße Themen. Für jeden Internetentwickler, insbesondere für Frontend-Entwickler, sind sie voller Neugier und Verlangen. Was sind also die Dinge an HTML5 und CSS3, die uns glänzen lassen? Ich habe „Enthüllung der Geheimnisse von HTML5 und CSS3 “ mit Ihnen auf der WebRebuild Beijing Exchange Conference geteilt und die Pearl Milk Tea Gang ist hier:
http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8
Der Vorgänger des HTML 5 -Entwurfs hieß Web Applications 1.0. Er wurde 2004 von WHATWG vorgeschlagen und 2007 vom W3C angenommen, und ein neues HTML-Arbeitsteam wurde gegründet. Am 22. Januar 2008 wurde der erste offizielle Entwurf veröffentlicht. HTML 5 ist der größte Fortschritt bei Webentwicklungsstandards im letzten Jahrzehnt. Im Gegensatz zu früheren Versionen wird HTML 5 nicht nur zur Darstellung von Webinhalten verwendet. Seine neue Mission besteht darin, das Web zu einer ausgereiften Anwendungsplattform zu machen. Auf der HTML 5-Plattform sind Video, Audio, Bilder, Animationen und computerbasierte Interaktionen standardisiert . Schauen wir uns also den technischen Überblick über HTML5 an:
HTML5 fügt viele neue Multimedia- und interaktive Elemente wie Video und Audio hinzu. Wenn Sie in HTML4 ein Video oder Audio einbetten möchten, müssen Sie einen großen Codeabschnitt einführen. HTML5 ist jedoch nur mit verschiedenen Browsern kompatibel Fügen Sie ein Tag ein. Das ist genauso praktisch wie das img-Tag. In Bezug auf Seitenlayout und Inhaltsimplementierung wurden in HTML5 viele neue strukturierte Tag-Elemente sowie Elemente auf Blockebene und semantische Elemente hinzugefügt. Wenn Sie HTML zur Darstellung des Upload-Fortschrittsbalkens einer Datei verwenden möchten, können Sie in HTML5 den Fortschritt verwenden Es verfügt über ein Wertattribut, das beschreibt, wie viele Aufgaben abgeschlossen wurden, und ein Max-Attribut, das beschreibt, wie viele Aufgaben insgesamt erforderlich sind. Sie können das Positionsattribut (schreibgeschützt) dieses Fortschrittsbalkens auch über das DOM abrufen Schnittstelle, die den Prozentsatz der Aufgabenerledigung angibt. YouTube hat bereits einen Versuch mit der HTML5-Technologie unternommen. http://www.youtube.com/html5 (muss die Firewall umgehen ) ist eine mit HTML5 erstellte DEMO, die sehr einfach ist. Natürlich fügt HTML5 einigen Elementen auch einige neue Attribute hinzu, z. B. das Platzhalterattribut von input und textarea, das der Eingabeaufforderung des Eingabefelds entspricht. Das Skript verfügt über ein asynchrones Attribut, das sich auf das Laden und die Ausführung auswirkt Skript. Für alle HTML-Attribute nennen wir sie normalerweise „globale Attribute“, wie z. B. Klasse, ID, Tabindex, Titel. HTML5 fügt auch einige neue globale Attribute hinzu, wie z. B. „contenteditable“, „contextmenu“, „hidden“ und andere. HTML5 bietet außerdem Unterstützung für Mikrodaten, beispielsweise die neuen HTML5-Attribute „item“, „itempro“ und „subject“.
Natürlich entfernt HTML5 auch einige Elemente, die die Seitendarstellung darstellen, wie z. B. Schriftart, Mitte, Strich usw. Diese sollten per CSS erledigt werden, damit sie immer noch leicht zu verstehen sind. Außerdem werden einige Elemente entfernt, die die Barrierefreiheit der Website beeinträchtigen. B. Frame, Frameset, Noframe und einige ungewöhnliche Elemente wie Akronym, verwenden Sie abbr, um die Abkürzung darzustellen. HTML5 entfernt auch einige HTML-Vertrautheiten, die sich auf die Client-Kompatibilität auswirken, z. B. das rev-Attribut von link und das Scope-Attribut von td. HTML5 entfernt auch einige Attribute, die die Seitenpräsentation anzeigen, z. B. die Attribute align und bgcolor einiger Elemente.
HTML5 bietet leistungsstarke Steuerelementtypen wie URL, E-Mail, Datum, Telefonnummer usw., leistungsstarke Einschränkungsattribute, z. B. „erforderlich“ zur Angabe von „Erforderlich“, Akzeptanzattribute für Datei-Uploads und Unterstützung für einige Formularwiederholungselementmodelle. HTML5 bietet auch Unterstützung beim Senden Ein Formular. Sie können die Übermittlungsmethode auf XML-Übermittlung festlegen, sodass die vom Server empfangenen Daten im XML-Format vorliegen. Derzeit bietet Opera9.5+ eine perfekte Unterstützung für Web-Formulare 2.0.
Klicken Sie hier, um die DEMO für Web Forms 2.0 anzuzeigen . Erfordert Opera9.5+
HTML5 verfügt über viele von HTMLDocument geerbte Schnittstellen in DOM LEVEL 2 HTML. Natürlich verfügt HTML5 auch über einige bemerkenswerte neue Mitglieder im DOM, z. B. die Unterstützung von getElementsByClassName, mit der Sie Elemente basierend auf Klassennamen auswählen können Bei der Objektauswahl gibt es zwei Methoden querySelector und querySelectorAll im Selektor, mit denen das abzufragende Element basierend auf dem CSS-Selektor abgerufen werden kann, was Y.one und Y.all in YUI3 entspricht.
Welche neuen APIs fügt HTML5 zu Javascript hinzu?
Begeistert Sie HTML5? Wann wird HTML5 zum Standard? Es heißt, dass es bis 2022 warten muss. Es gibt eine interessante Website http://ishtml5readyyet.com/ , die verrät, wie viele Tage bis zur tatsächlichen Ankunft von HTML5 vergehen.