Kommentar: HTML 5 ist ein neuer Netzwerkstandard, der darauf abzielt, die vorhandenen HTML 4.01-, XHTML 1.0- und DOM -Stufe 2 HTML -Standards zu ersetzen
Es hofft, den Bedarf des Browsers nach Plug-in-basierte RIA-Anwendung (RIA) zu verringern, für das Plug-In wie Adobe Flash, Microsoft Silverlight und Sun Javafx erforderlich sind.HTML 5 bietet einige neue Elemente und Attribute, die typische moderne Nutzungswebsites widerspiegeln. Einige von ihnen ähneln technisch den Tags <Div> und <span>, haben jedoch einige Bedeutungen, wie <NAV> (Website -Navigationsblock) und <footer>. Dieses Tag ist der Suchmaschinenindizierung, kleinen Bildschirmgeräten und sehbehinderten Personen förderlich. Es bietet auch neue Funktionen für andere Browserelemente über eine Standardschnittstelle wie <DIO> und <video> Tags.
Einige veraltete HTML 4 -Tags werden abgebrochen, einschließlich derjenigen, die nur als Anzeigeeffekte wie <font> und <center> verwendet werden, da sie durch CSS ersetzt wurden. Es gibt auch einige Netzwerkverhalten (via) über DOM.
Werfen wir einen Blick auf einige der neuen Tag -Verwendung, die von HTML 5 bereitgestellt wird, und den Unterschied zu HTML 4.
Das <artikel> Tag definiert den externen Inhalt. Zum Beispiel ein neuer Artikel eines externen Nachrichtenanbieters, entweder aus einem Blog oder aus einem Forum. Oder es kommt aus anderen externen Quellen.
Html5: <Aktion> </article>
Html4: <div> </div>
Das <D. -Abruf -Tag definiert andere Inhalte als den Artikel. Der Inhalt von beiseite sollte mit dem Inhalt des Artikels zusammenhängen.
HTML5: Der Inhalt von <D. AUSSFORDERN IST INDECTION -Inhalt, sollte sich jedoch mit dem Inhalt des Dokuments beziehen. </beiseite>
HTML4: <Div> Abgesehen von Inhalten ist unabhängig, sollte jedoch mit dem Inhalt des Dokuments in Verbindung gebracht werden. </div>
Das <DIO> Tag definiert Sounds wie Musik oder andere Audio -Streams.
Html5: <audio src = somaudio.wav> Ihr Browser unterstützt das Audio -Tag nicht. </audio>
Html4: <Objekttyp = Application/OGG data = somaudio.wav> <param name = src value = somaudio.wav> </Object>
Das <Canvas> Tag definiert Grafiken wie Diagramme und andere Bilder. Dieses HTML -Element ist für Client -Vektor -Grafiken ausgelegt. Es handelt nicht alleine, sondern präsentiert dem Client JavaScript eine Zeichnungs -API, damit das Skript alles, was Sie auf eine Leinwand ziehen möchten, zeichnen können.
Html5: <canvas id = mycanvas width = 200 lhohe = 200> </canvas>
HTML4: <Objektdaten = Inc/Hdr.svg Type = Bild/SVG+XML Breite = 200 Höhe = 200> </Objekt>
Das <Kandte> Tag definiert Befehlsschaltflächen wie Optionspunkte, Kontrollkästchen oder Schaltflächen.
Html5: <Befehl Onclick = cut () label = cut>
HTML4: Keine
Das <Datalist> Tag definiert eine Liste optionaler Daten. Verwendet mit dem Eingabeelement zum Erstellen einer Dropdown-Liste der Eingabewerte.
Html5: <datalist> </datalist>
HTML4: Siehe Combobox.
Das <details> Tag definiert die Details des Elements, das der Benutzer anzeigen oder ausblenden kann, indem Sie klicken. Verwenden Sie mit <Legend>, um den Titel des Details zu erstellen. Der Titel ist für den Benutzer sichtbar und Detail können beim Klicken ein- oder ausgeschaltet werden.
Html5: <details> </detail>
Html4: <dl style = display: versteckt> </dl>
Das <Bett> Tag definiert eingebettete Inhalte wie Plugins.
HTML5: <Einbett Src = Horse.wav />
HTML4: <Objektdaten = Flash.swf Type = Application/X-Shockwave-Flash> </Object>
Das <FigCaption> Tag definiert den Titel des Figurenelements. Das Figcaption -Element sollte an der Position des ersten oder letzten untergeordneten Elements des Figurenelements platziert werden.
HTML5: <ABELN> <FigCaption> PRC </Figcaption> </Abbildung>
HTML4: Keine
Mit dem <Figure> -Tag wird Elemente kombiniert. Verwenden Sie das Element <FigCaption> Element, um der Elementgruppe einen Titel hinzuzufügen.
HTML5: <Abus> <FigCaption> PRC </Figcaption> <p> Die Volksrepublik China wurde 1949 geboren ... </p> </figur>
Html4: <dl> <h1> prc </h1> <p> Die Volksrepublik China wurde 1949 geboren ... </p> </dl>
Das <fouter> -Tag definiert die Fußzeile des Abschnitts oder des Dokuments. Normalerweise enthält es den Namen des Erstellers, das Datum der Erstellung des Dokuments und/oder Kontaktinformationen.
Html5: <footer> </footer>
Html4: <div> </div>
Das <header> Tag definiert den Header des Abschnitts oder Dokuments.
Html5: <header> </header>
Html4: <div> </div>
Mit dem Tag <HGroup> wird die Titel einer Webseite oder eines Abschnitts kombiniert.
Html5: <hGroup> </hGroup>
Html4: <div> </div>
Das <keygen> Tag definiert den Generierungsschlüssel.
HTML5: <KeyGen>
HTML4: Keine
<Mark> wird hauptsächlich verwendet, um den Text, der dem Benutzer hervorgehoben werden muss, visuell vorzustellen. Eine typische Anwendung des <mark> -Tags besteht darin, Suchschlüsselwörter für Benutzer in den Suchergebnissen hervorzuheben.
Html5: <mark> </mark>
Html4: <span> </span>
Das <meter> Tag definiert die Gewichte und Maßnahmen. Verwenden Sie nur für Metriken mit bekannten maximalen und minimalen Werten. Der Umfang der Metrik muss entweder im Text des Elements oder im min/max -Attribut definiert werden.
Html5: <meter> </meter>
HTML4: Keine
Das <nav> -Tag definiert den Teil des Navigationsverbaus.
Html5: <nav> </nav>
Html4: <ul> </ul>
Das <ausgabe> Tag definiert verschiedene Arten von Ausgängen, z. B. die Ausgabe eines Skripts.
Html5: <ausgabe> </output>
Html4: <span> </span>
<Verprogress> Tag laufend. Sie können das <progress> -Tag verwenden, um den Prozess zeitaufwändiger Funktionen in JavaScript anzuzeigen.
HTML5: <FORRESS> </progress>
HTML4: Keine
Das <RP> -Tag wird in Ruby -Kommentaren verwendet, um zu definieren, was in Browsern angezeigt wird, die Ruby -Elemente nicht unterstützen.
Html5: <ruby> han <rt> <rp> (</rp> ㄏㄢˋ <rp>) </rp> </rt> </ruby>
HTML4: Keine
<rt> Tags definieren die Interpretation oder Aussprache von Zeichen (chinesische Aussprachen oder Zeichen).
Html5: <ruby> han <rt> ㄏㄢˋ </rt> </ruby>
HTML4: Keine
<Ruby> Tag Definition Ruby Kommentare (chinesische Aussprache oder Zeichen).
Html5: <ruby> han <rt> <rp> (</rp> ㄏㄢˋ <rp>) </rp> </rt> </ruby>
HTML4: Keine
Das <Ateschnitt> Tag definiert Abschnitte (Abschnitte, Abschnitte) im Dokument. Zum Beispiel Kapitel, Header, Fußzeilen oder andere Teile des Dokuments.
HTML5: <ABSCHNITT> </Abschnitt>
Html4: <div> </div>
Das <quelle> Tag definiert eine Medienressource für Medienelemente wie <video> und <audio>.
Html5: <quelle>
HTML4: <PARAM>
Das <summary> Tag enthält den Titel des Detailelements, in dem detaillierte Informationen zu einem Dokument- oder Dokumentfragment beschrieben werden. Das zusammenfassende Element sollte das erste untergeordnete Element des Detailelements sein.
Html5: <details> <summary> html 5 </summary> Dieses Dokument lehrt Sie alles, was Sie über HTML 5. </Details> lernen müssen.
HTML4: Keine
Das <Time> Tag definiert ein Datum oder eine Uhrzeit oder beides.
HTML5: <Time> </time>
Html4: <span> </span>
Das <video> Tag definiert ein Video, z. B. einen Filmclip oder einen anderen Video -Stream.
Html5: <Video src = movie </Video>
Html4: <Objekttyp = Video/ogg data = movie