Inkludante malnovajn HTML-elementojn kaj tiujn novajn al HTML5
Dum ĝia evoluo komenciĝis multajn jarojn antaŭe, HTML5 unue komencis komune uzi kun retejaj projektantoj / programistoj en 2010. Ĝuste el la pordego, la lingvo sentis konatan al multaj profesiaj retejo ĉar kontraŭ provo reinventi ĉion de nulo, HTML5 konstruita sur kio antaŭe venis. Ĉiu, kiu sciis HTML 4.01 rapide trovis, ke iomete de tiu versio nun povus troviĝi en HTML5.
Dum HTML5 inkluzivas multajn elementojn, kiuj estis ĉirkaŭe en HTML por momento, ĝi ankaŭ enkondukis plenmanon da elementoj, kiuj estis novaj al HTML5. Por multaj el ĉi tiuj novaj elementoj, oni uzis alproksimiĝon nomata "pavimado de la kavoj". Ĉi tiu estas termino, kiu ofte uzas en IT por esence signifi rigardi, kion homoj faras kaj fari tion. En la kazo de retpaĝistoj, tio signifis, ke ili jam konstruis paĝojn kaj bazis decidojn pri novaj elementoj pri tiuj agadoj. Ekzemple multaj profesiaj retejo konstruos retejojn kun dividoj, kiuj uzis ID-atributojn aŭ klasajn atributojn de "kaploko", "nav" kaj "piedlinio". Kiel tia, HTML5 prezentis ĉi tiujn kiel novajn elementojn, permesante al profesiaj retejo aldoni pli da signifoj al siaj dokumentoj per dediĉitaj sekciaj elementoj anstataŭ nur dividoj. Ĉi tiu kombinaĵo de familiareco kaj alproksimiĝo, kiu agnoskis nuntempajn praktikojn, helpis HTML5 esti rapide akceptita de la retejo de dezajno industrio.
La HTML5 Doctype
Unue, por uzi ajnajn novajn HTML5-elementojn, via dokumento devas inkluzivi la HTML5-lernilon, kiu estas:
Vi povas rimarki, ke ĉi tiu instruisto ne specife mencias "HTML5", sed simple simple diras la version kiel "html". Ĉi tio estas ĉar ĉi tiu instruado estas kio estas intencita por esti uzata antaŭen por ĉiuj ripetoj de la lingvo.
Fakte, HTML5 supozas esti la lasta nombrita versio de la lingvo, kun novaj ŝanĝoj aldonitaj laŭsekve en la estonteco. Fakte, iuj el la elementoj en la suba listo estis aldonitaj al la lingvo bone post tiu komenca puŝo en 2010!
La HTML5 Etikedoj
Tag | Ekspliko |
---|---|
Ankro aŭ ligilo | |
abbr> | Mallongigo |
| Direkto aŭ aŭtoroj de la dokumento |
| Klienta flanko bildo |
| Artikolo |
Enhavo tangencial | |
Aŭdio rivereto | |
b> | Bold |
| Bazaj URI-vojoj por elementoj en la dokumento |
bdo> | Bi-direkta algoritmo |
blockquote> | Longa citaĵo |
| Korpo de la paĝo |
| Linia rompo |
| HTML-butono |
Canvas por dinamikaj grafikoj | |
Komento | |
| Tabelo apudskribo |
cite> | Citaĵo |
| Kodo referenco |
| Tablo kolumno |
| Tabula kolumna grupo |
| Komando aŭ agado en la paĝo |
Dokumenta tipo difino | |
| Datuma krado |
Antaŭdifinitaj ebloj por aliaj kontroloj | |
| Difino-listo priskribo aŭ ampleksa diskurso |
| Forigita teksto |
| Pliaj informoj pri peto |
dfn> | Difino |
Konversacio | |
div> | Logika divido |
| Priskribo listo |
| Difino listo termino aŭ dialogilo |
em> | Emfazo |
Enigita elemento por kromaĵojn | |
| Forma kontrolo grupo |
| La subskribo uzata por |
| Figuro kun laŭvola apudskribo |
Piedo de la paĝo | |
| Formo |
h1> | Titulara unua nivelo |
h2> | Titulara dua nivelo |
h3> | Titulara tria nivelo |
h4> | Titulara kvara nivelo |
h5> | Kvina nivela titolo |
h6> | Sesa nivela titolo |
| Kapo de la dokumento |
| Kapo de paĝo |
hgroup> | Titolo de grupo |
| Horizontala regulo |
html> | Radikala elemento de TTT-paĝo |
i> | Itala teksto stilo |
Inline kadro | |
Bildo | |
| Eniga formo elemento |
Butonon formo elemento | |
Checkbox-formo elemento | |
Koloro enigo | |
Dato enigo | |
Tutmonda dato kaj tempo enigo | |
Loka dato kaj tempo enigo | |
Retpoŝta adreso enigo | |
Dosiera alŝuta formo elemento | |
Kaŝita formo kampo elemento | |
| Bildo formo elemento |
| Jaro kaj monato enigo |
Numero enigo | |
Pasvorto formo elemento | |
Radio-butono formo elemento | |
Nekonata nombro enigo | |
Restarigi butonon formo elemento | |
Serĉa kampo | |
Submetu butonon formo elemento | |
Telefona nombro enigo | |
Teksto kampo tekstformo | |
| Tempo enigo |
| URL-enigo |
| Jaro kaj semajno enigo |
ins> | Enmetita teksto |
kbd> | Teksto enmetita de la uzanto |
<ŝlosilo> | Kreu sekurajn ŝlosilojn por certa administrado |
| Forma etikedo |
Formi reklamprezentan titolon | |
| Lerta ero |
| Ligilo al rilataj dokumentoj |
<ĉefa> main> | Ĉefa areo de enhavo en paĝo |
| Klienta flanko bildo |
| Skribita teksto aŭ markita |
Listo de komandoj | |
Meta informo pri la dokumento | |
| Skalara kalibro |
Difini la areon per navigaj ligoj | |
Enhavo kiam skriptoj ne estas haveblaj | |
| Ne-norma objekto |
| Printita aŭ numerita listo |
Grupo de ebloj en unuaranga listo | |
| Opcio en unuaranga listo |
| Rezulto de formo ŝtono |
p> | Alineo |
Parametro de objekto | |
pre> | Pre-formatita teksto |
| Progresignilo |
q> | Mallonga inta citaĵo |
Paréntesis de rubo | |
Rubeno-teksto | |
ruby> | Rimarko de Rubeno |
| Strikeout teksto |
samp> | Specimeno eligo |