Semantika alused
Semantika on sõna, mis lööb paljude disainerite südamesse hirmu, kuid see ei pea olema keeruline ega keeruline teema. See puudutab tähendusrikast väljendust, vältides esitusviisi märgistamist ja kasutades võimaluse korral sobivaid ja sisukaid silte.
Põhimõtteliselt on HTML-koodi semantiline kujundamine ja kirjutamine sama lihtne kui HTML-i hooldamine lehe sisuga, mitte paigutusega. Mõned alltoodud lihtsad toimingud aitavad teil tagada otsingumootoritele, ämblikele ja külastajatele semantiliselt meeldivuse
Uurige Envato elemente
Pealkirja silt
Veenduge, et teie lehe pealkirja silt oleks kirjeldav ja tähenduslik. Veenduge, et see muutuks teie saidi igal lehel, et kajastada selle lehe sisu.
Rubriigid
Lehe pealkirju on võimalik määratleda div- ja span-siltidega, kuid see ei tähenda, et see oleks pealkiri. H1 – h6-siltide kasutamine oma lehe pealkirjade eristamiseks ja stiilimiseks on palju parem.
Tabelid ja vormid
Vaikimisi pole tabelid ja vormid väga semantilised ja võivad olla väga üldised. Neil puudub ligipääsetavus ka neile, kes kasutavad mittestandardseid brausereid. Tabelite puhul veenduge, et kasutate tabeli veergude selgitamiseks märgendit thead. Vormide puhul pidage silmas siltide kasutamist, et kirjeldada, mis sisendit, ruutu jne seal on.
Pildid
Näib, nagu see ikka ja jälle öeldakse, kuid kõigi oma piltide atribuutide puhul tagage, et neid kirjeldatakse lehe sisus - nii otsimootorite kui ka puuetega kasutajate jaoks.
Tundub otse edasi ... aga miks?
Semantilise koodi kasutamine ei muuda teie veebisaidi välimust erinevaks ja see ei too teie lugejatele mingil viisil otsest kasu. Üks otsene mõju, mida võite näha, on see, et otsimootorid spiderivad teie veebisaiti korrektsemal ja tõhusamal viisil.
Ka semantiline kodeerimine sillutab teed tulevikuks. Järgmise 5, 10, 100 aasta pärast ilmnevad uued seadmed, tarkvara ja rakendused, mis kasutavad veebi sisu endiselt nende toiteks. Semantika seab normi, mida tulevased süsteemid järgivad ja tõlgendavad, nii et veenduge ise juba tulevikus!
