Kurzer Überblick über neue und aufgehobene Tags für HTML5

Stellt einen Inhaltsblock auf der Seite dar, wie z. B. ein Kapitel, eine Header, Fußzeile oder andere Teile der Seite. Es kann in Kombination mit Elementen wie H1, H2 usw. verwendet werden, um die Dokumentstruktur darzustellen. Beispiel: <abschnitt>… </§> in HTML5; <div>… </div> in html4.

Zeigt ein Stück unabhängiger Inhalt auf der Seite an, das sich nicht mit dem Kontext bezieht. Zum Beispiel ein Artikel.

Repräsentiert andere Hilfsinformationen als den Artikelelementinhalt und bezieht sich auf den Artikelelementinhalt.

Repräsentiert den Titel eines Inhaltsblocks oder einer realen Seite auf der Seite.

Zeigt an, die Titel einer realen Seite oder eines Inhaltsblocks in einer Seite zu kombinieren.

Eine Fußnote, die eine ganze Seite oder einen Inhaltsblock auf der Seite darstellt. Im Allgemeinen umfasst es den Namen des Erstellers, das Erstellungsdatum und die Kontaktinformationen des Erstellers.

Repräsentiert den Teil des Navigationslinks auf der Seite.

Repräsentiert einen unabhängigen Streaming -Inhalt und repräsentiert im Allgemeinen eine unabhängige Einheit im Streaming -Inhalt des Dokumentkörpers. Verwenden Sie das Figcaption -Element, um der Figurenelementgruppe einen Titel hinzuzufügen. Zum Beispiel:

<Abus>

<FigCaption> PRC </Figcaption>

<p> Die Volksrepublik China wurde 1949 geboren </p>

</figur>

Häufig in HTML4 geschrieben

<dl>

<h1> PRC </h1>

<p> Die Volksrepublik China wurde 1949 geboren </p>

</dl>

Videoelemente

Definieren Sie das Video. Wie Filmclips oder andere Video -Streams. Beispiel: <Video src = movie

Wie man in html4 schreibt:

<Objekt type = Video/ogg data = move.ogv>

<param name = src value = move.ogv>

</Object>

Audio definieren. Wie Musik oder andere Audio -Streams. Beispiel: <audio src = somaudio.wav> Audioelement </audio>

Wie man in html4 schreibt:

<Objekt type = "application/ogg" data = "somaudio.wav">

<param name = "src" value = "somaudio.wav">

</Object>

Wird verwendet, um Inhalte (einschließlich verschiedener Medien) einzubetten. Die Formate können MIDI, WAV, AIFF, AU, MP3, Blitz usw. sein. Beispiel: <Einbett src = flash.swf />

Code-Beispiel in html4 <Objektdaten = flash.swf type = application/x-shockwave-flash> <eljekte>

Es wird hauptsächlich verwendet, um den Benutzer den Text visuell zu präsentieren, der hervorgehoben oder hervorgehoben werden muss. Suchschlüsselwörter werden in typischen Anwendungssucheergebnissen hervorgehoben.

Html5 <mark> </mark>; html4 <span> </span>.

Repräsentiert einen laufenden Prozess. Sie können das Fortschrittselement verwenden, um Prozesse anzuzeigen, die zeitaufwändige Funktionen in JavaScript verbrauchen. Warten ..., bitte warten Sie später. <FORRESS> </Progress>.

Es zeigt ein Datum oder eine Uhrzeit an und kann auch gleichzeitig gleichzeitig sein.

Definieren Sie Ruby -Kommentare (chinesische Aussprache oder Zeichen).

Verwenden Sie mit <Ruby> und <rt> Tags. Das Ruby -Element besteht aus einem oder mehreren Zeichen (erfordert eine Erklärung/Aussprache) und ein RT -Element, das diese Informationen liefert, und enthält auch ein optionales RP -Element, das definiert, was angezeigt wird, wenn der Browser das Ruby -Element nicht unterstützt.

<Ruby>

<rt> <rp> (</rp> ㄏㄢ <rp>) </rp> </rt>

</ruby>

Definiert die Interpretation oder Aussprache von Zeichen (chinesische Aussprachen oder Zeichen).

Wird in Ruby -Kommentaren verwendet, um zu definieren, was in Browsern angezeigt wird, die Ruby -Elemente nicht unterstützen.

Zeigt weiche Linienbrüche an. Differenz vom BR -Element: BR -Element bedeutet, dass hier die Linienbrüche geöffnet werden müssen; WBR bedeutet, dass, wenn das Browserfenster oder das übergeordnete Element einen breiten Bogen aufweist (wenn nicht geöffnet werden muss), keine Zeilenunterbrechung vorhanden ist und die Breite nicht ausreicht, es hier aktiv die Linie bricht.

Definieren Sie Grafiken wie Diagramme und andere Bilder. Das Element <Canvas> ist nur ein Grafikbehälter (Leinwand) und muss mit einem Skript gezeichnet werden.

<canvas id = "mycanvas"> </canvas> <script type = "text/javaScript">

var canvas = document.getElementById ('mycanvas');

var ctx = canvas.getContext ('2d');

ctx.fillStyle = '#ff0000';

CTX.FillRect (0,0,80,100);

</script>

Repräsentiert eine Befehlstaste wie ein Optionsfeld, ein Kontrollkästchen oder eine Schaltfläche.

Das Befehlselement ist nur sichtbar, wenn es sich im Menüelement befindet. Andernfalls wird dieses Element nicht angezeigt, aber Sie können es verwenden, um Tastaturverknüpfungen anzugeben. .

<Meens>

<Befehl Onclick = "Alert ('Hello World')">

Klicken Sie auf mich! </Command>

</Menü>

Wird verwendet, um die Details eines Dokuments oder eines Teils eines Dokuments zu beschreiben.

Kann mit dem zusammenfassenden Tag verwendet werden, der den Titel für Details definiert. Der Titel ist sichtbar und Details werden angezeigt, wenn der Benutzer auf den Titel klickt. Die Zusammenfassung sollte das erste Detailelement für untergeordnete Elemente sein.

Definieren Sie die Liste der Optionen. Bitte verwenden Sie dieses Element in Verbindung mit dem Eingabeelement, um mögliche Eingabewerte zu definieren. Datalist und seine Optionen werden nicht angezeigt, es handelt sich nur um eine rechtliche Liste von Eingabetwerten. Verwenden Sie das Listenattribut des Eingabeelements, um den Datalisten zu binden.

<Eingabe id = "mycar" list = "cars" />

<Datalist ID = "Cars">

<Option Value = "BMW">

<Option Value = "Ford">

<Option Value = "Volvo">

</datalist>

Definiert eine Liste der optionalen Daten. DataGrid wird als Baumliste angezeigt.

Wenn das Multiple -Attribut auf true eingestellt ist, können Sie in der Liste mehr als ein Element auswählen.

Das Tag gibt das für das Formular verwendete Schlüsselgeneratorfeld an.

Bei der Übermittlung des Formulars wird der private Schlüssel lokal gespeichert und der öffentliche Schlüssel an den Server gesendet.

<Form Action = "Demo_keygen.asp" method = "get">

Benutzername: <Eingabe type = "text" name = "usr_name" />

Verschlüsselung: <KeyGen name = "Sicherheit" />

<input type = "subieren" />

</form>

Definieren Sie verschiedene Arten von Ausgabe, wie z. B. die Ausgabe eines Skripts.

<form action = "form_action.asp" methode = "det" name = "sumform">

<Ausgabe name = "sum"> </output>

</form>

Tags definieren Medienressourcen für Medienelemente (z. B. <videos> und <audio>).

Menüliste definieren. Verwenden Sie dieses Tag, wenn Sie Formularsteuerungen auflisten möchten. Beachten Sie, dass die Differenz vom NAV -Menü speziell für Formularsteuerungen verwendet wird.

<Meens>

<li> <Eingabe type = "Kontrollkästchen" /> rot < /li>

<li> <Eingabe type = "Kontrollkästchen" /> blau < /li>

</Menü>

E -Mail -URL muss eingegeben werden

Muss die URL -Nummer eingeben

Der Wertebereich muss eingegeben werden

Der Wert innerhalb eines bestimmten Bereichs muss eingegeben werden. Datumspicker (Datumsauswahl)

Neue Eingangstypen mit mehreren Daten und Zeiten verfügbar:

Datum - Tag, Monat, Jahr auswählen

Monat - Auswahlmonat und Jahr ausgewählt

Woche - Woche und Jahr auswählen

Zeit - Wählen Sie Zeit (Stunden und Minuten)

DateTime - Wählen Sie Zeit, Tag, Monat, Jahr (UTC -Zeit) aus

DateTime -Local - Wählen Sie Zeit, Tag, Monat, Jahr (lokale Zeit) Suche

Die Domäne wird zur Suche nach Domänen verwendet und wird als reguläre Textdomäne angezeigt. Farbe

1. Elemente, die durch CSS ersetzt werden können

Basisfont, Big, Mitte, Schriftart, S, Streik, tt, u. Diese Elemente sind nur für die Bildanzeige geeignet. HTML5 befürwortet die einheitliche Bearbeitung von Bildanzeigefunktionen in CSS.

2. Verwenden Sie keine Rahmenrahmen mehr.

Frameset, Rahmen, NofRames. Der Frame -Frame wird in HTML5 nicht unterstützt, er unterstützt nur den IFrame -Frame oder verwendet ein Formular, das der Seite entspricht, die aus mehreren Seiten des Servers besteht, und löscht die obigen drei Tags.

3. Nur einige Elemente, die von Browsern unterstützt werden

Applet, BgSound, Blink, Festzelt und andere Tags.

4. Andere abgeschafte Elemente

RB abschaffen und Shuyong Ruby ersetzen.

Akronym mit ABBR -Substitution abschaffen.

Dire abwerfen, um UL -Substitution zu verwenden.

Abolish Issidex abwerfen, um es durch Kombination von Form und Eingabe zu ersetzen

Auflistung mit dem Pre -Substitute abschaffen

Heben Sie den XMP stattdessen mit Code ab

Abolish Nextids Gebrauch von Guids

Abolish Plaintex für die Verwendung von Text/Plian (nicht formatierter Körper) MIME -MIME -MIME -Substitution verwenden.

=========================================================================================

Wenn ich mir so viele neue Tags und Elemente ansehe, frage ich mich, ob HTML5 wirklich hier ist. Die überwältigenden relevanten Informationen und Tutorials, die Ankündigung der Unterstützung für HTML5 durch alle Hersteller von HTML5-, CSS3 und großen Browser -Herstellern, gibt das Gefühl, dass die HTML5 -ERA wirklich kommt. Kann ich es also mit Vertrauen in mein Projekt verwenden? Noch nicht. Obwohl IE9 behauptet hat, HTML5 zu unterstützen, unterstützt IE8 es überhaupt nicht. In den Jahren 2006 und 2007 sitzen immer noch eine große Anzahl von Personen vor dem Telefon des BENSI -Masters. Sie verwenden das XP -System und installieren IE8, um das Internet zu kriechen. Es gibt auch einige alte Männer und Schwestern, die die neuen Telefone gekauft haben, die sie von der echten Win7 geklickt und durch D Version XP ersetzt haben. Obwohl jetzt mit HTML5SHIV einige neue HTML -Tags in begrenzter Kapazität und nur wenige neue Tags unterstützen. Ich kann auswählen, welche neue Technologie verwendet werden soll, aber ich kann nicht fragen, welcher Browser der Benutzer Ihres Produkts installieren muss. Tatsächlich ist es nicht notwendig, neue Technologien herzustellen. Es ist gut, geeignet zu sein. Ich denke, einige in ASP.NET2 geschriebene Dinge sind so leistungsfähig wie die Funktion; Genau wie die Katzentheorie von Opa Deng funktioniert es.