Përfshirja e elementeve të vjetra HTML dhe ato të reja në HTML5
Ndërkohë që zhvillimi i saj kishte filluar shumë vite më parë, HTML5 fillimisht filloi të hyjë në përdorim të përbashkët me web designers / developers në 2010. Drejt nga porta, gjuha u ndje e njohur për shumë profesionistë të internetit, sepse në vend që të përpiqej të reinvent çdo gjë nga e para, HTML5 ndërtuar mbi atë që kishte ardhur më parë. Kushdo që e dinte HTML 4.01 shpejt gjeti se një pjesë e këtij versioni tani mund të gjenden në HTML5.
Ndërsa HTML5 përfshin shumë elementë që kanë qenë rreth e rrotull në HTML për pak kohë, gjithashtu paraqiti një pjesë të vogël të elementeve që ishin të reja në HTML5. Për shumë prej këtyre elementeve të reja, u përdor një qasje e quajtur "shtrimi i cowpaths". Ky është një term që zakonisht përdoret në IT, në thelb, për të parë atë që njerëzit po bëjnë tashmë dhe ta bëjnë këtë. Në rastin e web designers, kjo do të thotë për të parë se si ata tashmë ishin duke ndërtuar faqe dhe për të bazuar vendimet mbi elementet e reja në ato aktivitete. Për shembull, shumë profesionistë të uebit do të ndërtonin faqet e internetit me ndarje që përdorën ID ose atributet Klasa të "header", "nav" dhe "footer". Si i tillë, HTML5 i prezantoi këto si elemente të reja, duke u lejuar profesionistëve të uebit që të shtojnë më shumë kuptim në dokumentet e tyre duke përdorur elementë të dedikuar të ndarjes në vend të ndarjeve. Ky kombinim i familjaritetit dhe një qasje që praktikat e tanishme të njohura ndihmuan HTML5 që të pranohej shpejt nga industria e dizajnit të uebit.
Dokumenti i HTML5
Së pari, për të përdorur çdo element të ri HTML5, dokumenti juaj duhet të përfshijë doktutin HTML5 që është:
Ju mund të vëreni se ky doktori nuk përmend në mënyrë specifike "HTML5", por thjeshtë thotë versionin si "html". Kjo është për shkak se kjo doktrinë është ajo që synon të përdoret duke shkuar përpara për të gjitha iteracionet e gjuhës.
Në fakt, HTML5 është supozuar të jetë versioni i fundit i numëruar i gjuhës, me ndryshime të reja duke u shtuar në një bazë të qëndrueshme në të ardhmen. Në fakt, disa nga elementet në listën e mëposhtme janë shtuar në gjuhë edhe pas asaj shtytje fillestare në vitin 2010!
HTML5 Tags
etiketë | Shpjegim |
---|---|
Spirancë ose lidhje | |
abbr> | shkurtim |
| Adresa ose autorët e dokumentit |
| Harta e imazhit të klientit |
| artikull |
| Përmbajtja tangjenciale |
Rrjedh audio | |
b> | guximtar |
| Shtigjet bazë URI për elementet në dokument |
bdo> | Algoritmi bi-drejtuar |
blockquote> | Kuotim i gjatë |
body> | Trupi i faqes |
| Prishja e linjës |
Butoni i formës HTML | |
Kanavacë për grafikë dinamike | |
koment | |
| Tabela e tabelës |
citate> | citim |
code> | Referenca e kodit |
| Kolona e tabelës |
| Grupimi i kolonës së tabelës |
| Komanda ose veprimi në faqe |
Definimi i llojit të dokumentit | |
| Rrjeti i të dhënave |
Mundësi të paracaktuara për kontrolle të tjera | |
| Përkufizimi i përshkrimit të listës ose hapësirës së diskursit |
| Tekst i fshirë |
Detajet> | Informacione shtesë në kërkesë |
dfn> | përcaktim |
bisedë | |
div> | Ndarja logjike |
| Lista e Përshkrimi |
| Gjuha e definicionit të fjalorit ose fjalori i dialogut |
em> | theks |
Element i integruar për shtojcat | |
Forma kontrollon grupin | |
| Titulli përdoret për një element |
| Figura me titull opsional |
Footer e faqes | |
formë | |
h1> | Titulli i nivelit të parë |
h2> | Titulli i nivelit të dytë |
h3> | Titulli i nivelit të tretë |
h4> | Titulli i nivelit të katërt |
h5> | Titulli i pestë i nivelit |
h6> | Titulli i nivelit të gjashtë |
head> | Shef i dokumentit |
| Kreu i një faqeje |
hgroup> | Grupi drejtues |
| Rregulli horizontal |
html> | Element rrënjësor i një faqeje Web |
i> | Stili i tekstit të Italisë |
Inline kornizë | |
imazh | |
Elementi i formës input | |
Element i formës së butonit | |
Elementi i formës së kutisë | |
Input ngjyrë | |
Data e hyrjes | |
Data globale dhe data e hyrjes | |
Hyrja lokale dhe data | |
Adresa e adresës së postës elektronike | |
Element i formës së ngarkimit të skedarit | |
Element i fshehur i fushës formë | |
Element i formës së imazhit | |
Viti dhe muaji input | |
Numri i hyrjes | |
Forma e elementit të fjalëkalimit | |
Element i formës së butonit Radio | |
Hyrja e numrave të papërcaktuar | |
Elementi i formës së butonit të rivendosjes | |
Kërko fushën | |
Dorëzoni elementin e formës së butonit | |
Futja e numrit të telefonit | |
Elementi i formës së fushës së tekstit | |
Hyrja e kohës | |
URL e hyrjes | |
Viti dhe hyrja javore | |
ins> | Tekst i futur |
kbd> | Tekst duhet të futet nga përdoruesi |
| Gjeneroni çelësa të sigurt për menaxhimin e certifikatave |
Etiketa e formës | |
Formulari i hapjes së fushës | |
| Lista e artikullit |
| Lidhu me dokumentet e lidhura |
| Zona kryesore e përmbajtjes në një faqe |
| Harta e imazhit të klientit |
Mark> | Teksti i shënuar ose i theksuar |
Lista e komandave | |
Meta informacion rreth dokumentit | |
| Matës skalar |
Përcaktoni një zonë me lidhje lundrimi | |
Përmbajtja kur skriptet nuk janë të disponueshme | |
Objekti jo-standard | |
| Renditja ose lista e numëruar |
Grupi i opsioneve në një listë të zgjedhur | |
Opsioni në një listë të zgjedhur | |
Rezultati i llogaritjes së formës | |
p> | Paragraf |
Parametri i një elementi objekti | |
pre> | Teksti i para-formatuar |
| Treguesi i progresit |
q> | Kuotim i shkurtër në linjë |
Kllapa Ruby | |
Teksti Ruby | |
Ruby> | Shënim Ruby |
| Teksti grevë |
samp> | Prodhimi i mostrës |