Mat ärem alen HTML Elementer an déi nei HTML5
Während seng Entwécklung scho ville Joer virdrun begon hat, hu HTML5 fir d'éischt am gemeinsamen Ëmgang mat Webdesigner / Entwéckler 2010 begéint. Direkt aus dem Portal huet d'Sprooch vill Web-Professionell vertraut, well se net versprécht alles aus dem Nuets eraus ze erfannen, HTML5 baut op wat viru komm war komm. Jiddereen deen HTML 4.01 wousst séier fonnt huet, datt e relativ wéineg vun dëser Versioun elo an HTML5 fonnt gouf.
HTML5 weist e puer Elementer mat, déi scho laang an HTML gekuckt hunn, huet och e puer e puer Elementer erstallt, déi nei HTML5 nei sinn. Fir vill vun dësen nei Elementer ass e Virgank namens "Pflaumen vun de Kuederpav" genannt ginn. Dëst ass e Begrëff, deen allgemeng an der Informatioun benotzt gëtt fir e wesentlecht ze bedeelegen, fir ze kucken wat d'Leit scho maachen a maachen. Am Fall vun Webdesigner, heescht dat fir ze kucken, wéi se d'Säiten schon opbauen an d'Décisioune baséieren op nei Elementer op dës Aktivitéiten. Zum Beispill, vill Websäiten géifen Websäiten opbaue mat Divisiounen déi Id oder Klass Attributen vun "Header", "nav", an "Fousszeilen" benotzt hunn. Als HTML5 huet dës als neie Elemente entwéckelt, fir datt Websäiten fir méi Dokumenze méi Bedeitung hunn andeems se speziell Sektiounselementer anstatt nëmmen Divisiounen benotzen. Dës Kombinatioun vun der Bekanntheet an enger Approche déi d'aktuelle Praxis erkannt huet gehollef HTML5 fir séier vun der Webdesign-Branche ëmfaasst.
De HTML5 Doctype
Eischtens, fir nei HTML5 Elementer ze benotzen, musst Äre Dokument den HTML5 Doctype matmaachen, dat ass:
Dir musst gesinn datt dës Doctyp net spezifesch "HTML5" genannt gëtt, mee seet einfach d'Versioun als "HTML". Dëst ass wéinst dësem Doctyp wat benotzt soll benotzt ginn fir all Iterationen vun der Sprooch ze kommen.
Tatsächlech ass HTML5 déi lescht nummeréiert Versioun vun der Sprooch, déi nei Ännerungen op kohärenter Basis an der Zukunft addéieren. Tatsächlech sinn e puer vun den Elementer an der Lëscht ënnen nei d'Sprooch gutt gefall no dësem éischt push 2010!
D'HTML5 Schlësselen
Tag | Erklärung |
---|---|
Anker oder Link | |
abbr> | Abkürzung |
| Adress oder Autoren vum Dokument |
Clientkäschte Bildkaart | |
| Artikel |
| Tangential Inhalt |
Audio stream | |
b> | Fett |
| Basis URI Weeër fir Elementer am Dokument |
bdo> | Bi-direktional Algorithmus |
blockquote> | Laang Zitat |
body> | Body of der Säit |
| Zeil Pausen |
HTML Formular Knäppchen | |
Canvas fir dynamesch Grafiken | |
Kommentéieren | |
| Table caption |
cite> | Citation |
code> | Code referenzéiert |
| Table Spalt |
| Table Spektral Gruppéierung |
| Kommando oder Aktioun op der Säit |
Dokumenttyp Definitioun | |
| Datenraster |
Viraefined Optiounen fir aner Kontrollen | |
| Definitioun Lëscht oder Diskussiounssprooch |
| Geläscht Text |
Detailer> | Weider On-demand Informatiounen |
dfn> | Definitioun |
Gespréich | |
div> | Logik Divisioun |
| Beschreiwung Lëscht |
| Definitioun Lëscht Term oder Dialog Lautsprooch |
em> | Wäert |
Embedded Element fir Plugins | |
| Formkontrollen |
| D'Beschreiwung benotzt fir e |
| Figur mat optionalem Ënnerschrëft |
Fousszeilen vun der Säit | |
Form | |
h1> | Éischt Éischt Schrëftsletter |
h2> | Zweeter Néierlag |
h3> | Drëtt Stufe |
h4> | Véierelsniveau |
h5> | Fënneftniveau |
h6> | Sechster Niveau |
head> | Chef vum Dokument |
| Header vun enger Säit |
hgroup> | Rubriken |
| Horizontal Regel |
html> | Root-Element vun enger Websäit |
i> | Textgréisst vun Texter |
Inline Frame | |
Bild | |
Input- Form Element | |
| Button Formular Element |
| Checkbox Form Element |
Faarftechnologie | |
| Datumeingoss |
Globale Datum an Zäit input | |
| Lokal Datum an Zäit input |
| E-Mailadresse |
| Datei-Formularelement |
Kuckt de Formulaire Element | |
| Element vum Bildform |
| Joer an Mount Input |
| Zuel vun der Input |
Passwuert - Element | |
Funkknopper Element Element | |
Ongerechteg Nummeren | |
Knäppchen- Formuléierungelement | |
| Sich field |
| Eismutt Formular Element |
Telefonsnummer Nummer | |
| Feld Feld Formular Element |
| Zäit Erausfuerderung |
| URL - Input |
| Joer an Wochempfänger |
ins> | Text unzefänken |
kbd> | Text deen vum Benotzer agefouert gëtt |
| Generéiert séchere Schlëssel fir Zertifizéierungsverwaltung |
Formulaire | |
| Ënnerschriwwe Feldbeschreiwung |
| Lëscht an Artikelen |
Link zu Dokumenter | |
| Haaptsächlech Inhalt vun Inhalt op enger Säit |
| Clientkäschte Bildkaart |
Mark> | Markéierten oder markéiert Text |
Lëscht vu Befehle | |
Meta Informatiounen iwwer dem Dokument | |
| Scalar Spur |
Definéiert eng Gebitt mat Navigatiounslinn | |
Inhalt wann Scripten net verfügbar sinn | |
Net-Standardobjekt | |
| Bestellt oder nummeréiert Lëscht |
Grupp vun Optiounen an der Auswiel Lëscht | |
Option an enger Auswiel Lëscht | |
Resultat vun enger Formuléierung | |
p> | Ziffer |
Parameter vun engem Objekt Element | |
pre> | Pre-formatéiert Text |
| Progressindikator |
q> | Kuerz Inline Zitat |
Ruby parenthes | |
Ruby Text | |
Ruby> | Ruby annotéiert |
| Strikeout Text |
samp> | Probeausgang |