Insluitende ou HTML-elemente en die nuutste aan HTML5
Alhoewel die ontwikkeling baie jare gelede begin het, het HTML5 eers in 2010 in algemene gebruik met webontwerpers / ontwikkelaars begin gebruik. Net buite die hek het die taal bekend geword vir baie webprofessors, want in plaas daarvan om alles van nuuts af te probeer herleef, het HTML5 gebou op wat voorheen gekom het. Enigeen wat HTML 4.01 vinnig geweet het, het gevind dat nogal 'n bietjie van daardie weergawe nou in HTML5 gevind kan word.
Terwyl HTML5 baie elemente bevat wat al 'n rukkie in HTML voorkom, het dit ook 'n handjievol elemente bekendgestel wat nuut vir HTML5 was. Vir baie van hierdie nuwe elemente is 'n benadering genoem, wat die koeiroetes bestempel het, gebruik. Dit is 'n term wat algemeen in IT gebruik word om wesenlik te beteken om te kyk na wat mense reeds doen en dit doen. In die geval van webontwerpers het dit beteken om te sien hoe hulle reeds bladsye bou en basiese besluite oor nuwe elemente oor daardie aktiwiteite te baseer. Byvoorbeeld, baie webprofessore sal webwerwe bou met afdelings wat ID of Klas kenmerke van "header", "nav" en "footer" gebruik. As sodanig het HTML5 dit as nuwe elemente bekend gestel, sodat webprofessionales meer betekenis aan hul dokumente kon voeg deur toegewyde snitelemente in plaas van net afdelings te gebruik. Hierdie kombinasie van vertroudheid en 'n benadering wat huidige praktyke erken het, het gehelp om HTML5 vinnig deur die webontwerpbedryf te omhels.
Die HTML5 Doctype
Eerstens, om enige nuwe HTML5-elemente te gebruik, moet u dokument die HTML5-doctype insluit wat die volgende is:
U kan merk dat hierdie doktipe nie spesifiek "HTML5" noem nie, maar eerder die weergawe as "html" aandui. Dit is omdat hierdie doktipe is wat bedoel is om gebruik te word vir alle iterasies van die taal.
Trouens, HTML5 is veronderstel om die laaste genommerde weergawe van die taal te wees, met nuwe veranderinge wat op 'n konsekwente basis in die toekoms bygevoeg word. Trouens, sommige van die elemente in die lys hieronder is na die eerste keer in 2010 aan die taal bygevoeg!
Die HTML5-etikette
tag | verduideliking |
---|---|
Anker of skakel | |
abbr> | staat |
| Adres of outeurs van die dokument |
Klientekant beeldkaart | |
| Artikel |
| Belangrike inhoud |
| Oudio stroom |
b> | vet |
| Baseer URI-paaie vir elemente in die dokument |
bdo> | Tweerigting-algoritme |
blockquote> | Lang aanhaling |
body> | Liggaam van die bladsy |
| Lynbreuk |
| HTML vorm knoppie |
| Canvas vir dinamiese grafika |
kommentaar | |
| Tabel byskrif |
cite> | aanhaling |
code> | Kodeverwysing |
| Tabel kolom |
| Tabel kolom groepering |
| Opdrag of aksie op die bladsy |
Dokumenttipe definisie | |
Data Grid> | Data rooster |
Vooraf gedefinieerde opsies vir ander kontroles | |
| Definisie lys beskrywing of span van diskoers |
| Geskrapte teks |
| Bykomende on-demand inligting |
dfn> | definisie |
| gesprek |
div> | Logiese afdeling |
| Beskrywing lys |
| Definisie lys termyn of dialoog spreker |
em> | klem |
Embedded element vir plugins | |
Vorm kontroles groep | |
| Die onderskrif wat gebruik word vir 'n |
| Figuur met opsionele onderskrif |
Footer van die bladsy | |
vorm | |
h1> | Eerste vlakopskrif |
h2> | Tweede vlak opskrif |
h3> | Derde vlakopskrif |
h4> | Vierde vlakopskrif |
h5> | Vyfde vlakopskrif |
h6> | Sesde vlakopskrif |
head> | Hoof van die dokument |
| Opskrif van 'n bladsy |
hgroup> | Opskrifgroep |
| Horisontale reël |
html> | Wortel element van 'n webblad |
i> | Kursief-teksstyl |
Inline raam | |
Image | |
| Invoervorm element |
| Knoppie vorm element |
Vinkje vorm element | |
| Kleurinvoer |
| Datum invoer |
| Globale datum en tyd insette |
| Plaaslike datum en tyd insette |
| E-pos adres insette |
| Lêer oplaai vorm element |
| Versteekte vorm veld element |
| Prent vorm element |
| Jaar en maand insette |
| Nommer insette |
| Wagwoord vorm element |
| Radioknoppie vorm element |
Onnauwkeurige getalinvoer | |
| Herstel knoppie vorm element |
| Soekveld |
Dien knoppie vorm element in | |
| Telefoonnommer insette |
| Tekst veld vorm element |
| Tyd insette |
| URL-invoer |
| Jaar en week insette |
ins> | Ingevoegde teks |
kbd> | Teks wat deur die gebruiker ingevoer moet word |
| Genereer veilige sleutels vir sertifikaatbestuur |
Vormetiket | |
| Vorm veldtog onderskrif |
| Lys item |
| Skakel na verwante dokumente |
| Hoof area van inhoud op 'n bladsy |
Klientekant beeldkaart | |
| Gemerkte of gemerkte teks |
Lys van opdragte | |
Meta inligting oor die dokument | |
| Scalaire gauge |
Definieer 'n gebied met navigasie skakels | |
Inhoud wanneer skripte nie beskikbaar is nie | |
Nie-standaard voorwerp | |
| Bestelde of genommerde lys |
Groep opsies in 'n keuselys | |
| Opsie in 'n keuselys |
| Resultaat van 'n vormberekening |
p> | paragraaf |
Parameter van 'n voorwerp element | |
pre> | Voorgeplakte teks |
| Vordering aanwyser |
q> | Kort inline kwotasie |
Ruby hakies | |
Ruby-teks | |
| Ruby annotasie |
| Strikeout-teks |
samp> | Voorbeeld uitset |