Ietver vecos HTML elementus un tos, kas jauni HTML5
Kamēr tā izstrāde bija sākusies daudzus gadus pirms tam, HTML5 vispirms patiešām sāka kļūt par kopīgu lietošanu ar web dizaineriem / izstrādātājiem 2010. gadā. Pa labi no vārtiem valoda jutās daudziem interneta profesionāļiem, jo tā vietā, lai mēģinātu no jauna izgudrot visu no nulles, HTML5 pamatojoties uz to, kas iepriekš bija ieradies. Ikviens, kas zināja HTML 4.01, ātri atrada, ka diezgan daudz šīs versijas tagad var atrast HTML5.
Lai gan HTML5 ietver daudzus elementus, kas ilgu laiku ir ap HTML, tas arī ieviesa nedaudz elementu, kas bija jauni HTML5. Daudziem no šiem jaunajiem elementiem tika izmantota pieeja, kas nosaukta par "cowpathing bruģēšanu". Tas ir jēdziens, ko parasti izmanto IT, lai būtībā apskatītu to, ko cilvēki jau dara, un to dara. Tīmekļa dizaineru gadījumā tas nozīmēja, kā viņi jau veidoja lappuses un pamatoja lēmumus ar jauniem elementiem par šīm darbībām. Piemēram, daudzi tīmekļa speciālisti izveidotu tīmekļa vietnes ar nodaļām, kurās tika izmantoti "header", "nav" un "footer" ID vai klases atribūti. Tādējādi HTML5 ieviesa šos elementus kā jaunus elementus, ļaujot tīmekļa profesionāļiem pievienot saviem dokumentiem lielāku nozīmi, izmantojot īpašus sadaļas elementus, nevis tikai sadalījumus. Šī iepazīšanās un pieejas kombinācija, kas atzina pašreizējo praksi, palīdzēja HTML5 ātri iesaistīties tīmekļa dizaina nozarē.
HTML5 dokumenta tips
Vispirms, lai izmantotu visus jaunos HTML5 elementus, jūsu dokumentā jāiekļauj HTML5 dokumenta tips, kas ir:
Iespējams, pamanīsit, ka šajā doctype nav īpaši pieminēts "HTML5", bet gan vienkārši norāda versiju kā "html". Tas ir tāpēc, ka šis doctype ir tas, ko paredzēts izmantot, turpinot visas valodas iterācijas.
Faktiski HTML5 ir jābūt pēdējai valodas versijai, kurā nākotnē tiek konsekventi pievienotas jaunas izmaiņas. Patiesībā daži no tālāk minētā saraksta elementiem ir pievienoti valodai arī pēc tam, kad tika uzsākta sākotnējā iniciatīva 2010. gadā!
HTML5 tagi
Tag | Paskaidrojums |
---|---|
Enkurs vai saite | |
abbr> | Abreviatūra |
| Dokumenta adrese vai autori |
Klienta puses attēlu karte | |
| Pants |
| Tangenciālais saturs |
Audio plūsma | |
b> | Bold |
| Bāzes URI ceļi dokumenta elementiem |
bdo> | Divvirzienu algoritms |
blockquote> | Long citāts |
body> | Lapas virsbūve |
| Līnijas pārtraukums |
| HTML formas poga |
Dinamiskās grafikas audekli | |
Komentārs | |
| Galda paraksts |
cite> | Citāts |
code> | Koda atsauce |
| Tabulas kolonna |
| Tabulas kolonnu grupēšana |
| Vadība vai rīcība lapā |
Dokumenta tipa definīcija | |
| Datu tīkls |
Iepriekš definētas citas kontroles iespējas | |
| Definīcijas saraksta apraksts vai diskursa aptvērums |
| Svītrots teksts |
details> | Papildu informācija pēc pieprasījuma |
dfn> | Definīcija |
Saruna | |
div> | Loģiskā sadalīšana |
| Apraksts saraksts |
| Definīcijas saraksta termins vai dialoga runātājs |
em> | Uzsvars |
Iegultais elements spraudņiem | |
Veidlapu kontroles grupa | |
| Paraksts tiek izmantots elementam |
| Attēls ar izvēles parakstu |
Lapas kājene | |
Veidlapa | |
h1> | Pirmā līmeņa virsraksts |
h2> | Otrā līmeņa virsraksts |
h3> | Trešā līmeņa virsraksts |
h4> | Ceturtā līmeņa virsraksts |
h5> | Piektā līmeņa virsraksts |
h6> | Sestajā līmenī virsraksts |
head> | Dokumenta vadītājs |
| Lapas virsraksts |
hgroup> | Virsrakstu grupa |
| Horizontālais noteikums |
html> | Web lapas saknes elements |
i> | Italic teksta stils |
Iekšējais rāmis | |
Attēls | |
Ievades formas elements | |
Pogas formas elements | |
Izvēles rūtiņas elements | |
Krāsu ievade | |
Datuma ievade | |
Pasaules datuma un laika ievade | |
Vietējā datuma un laika ievadīšana | |
E-pasta adreses ievadīšana | |
Faila augšupielādes formas elements | |
Slēptais formas lauka elements | |
Attēlu formas elements | |
Gada un mēneša ieguldījums | |
Numuru ievadīšana | |
Paroles formas elements | |
Radio pogas formas elements | |
Neprecīza numura ievade | |
Atiestatīt pogas formas elementu | |
Meklēšanas lauks | |
Iesniegt pogas formas elementu | |
Ievades tālruņa numurs | |
Teksta lauka formas elements | |
Laika ievade | |
URL ievadi | |
Gada un nedēļas ieguldījums | |
ins> | Ievietots teksts |
kbd> | Teksts, kas jāievada lietotājam |
| Izveidojiet drošas atslēgas sertifikātu pārvaldībai |
Veidlapas marķējums | |
| Veidlapas lauka paraksts |
| Saraksta vienums |
Saite uz saistītiem dokumentiem | |
| Galvenā satura lapa lapā |
Klienta puses attēlu karte | |
mark> | Atzīmēts vai iezīmēts teksts |
Komandu saraksts | |
Meta informācija par dokumentu | |
| Skalārā mērierīce |
Definējiet apgabalu ar navigācijas saitēm | |
Saturs, kad skripti nav pieejami | |
| Nestandarta objekts |
| Pasūtītais vai numurēts saraksts |
Izvēles saraksta opciju grupa | |
| Opcija izvēlētajā sarakstā |
Veidlapas aprēķina rezultāts | |
p> | Paragrāfs |
Objekta elementa parametrs | |
pre> | Iepriekš formatēts teksts |
Progresa rādītājs | |
q> | Īss cipars |
Rubīna iekavas | |
Rubīna teksts | |
| Rubīna anotācija |
| Strikeout teksts |
samp> | Parauga izlaide |