Semantikas pamati
Semantika ir vārds, kas daudziem dizaineru sirdīs ienes bailes, taču tam nav jābūt grūtam vai sarežģītam tematam. Tas attiecas uz jēgpilnu izteicienu, izvairoties no prezentācijas marķējuma un, ja iespējams, izmantojot atbilstošas un jēgpilnas tagus.
Būtībā HTML koda izstrāde un rakstīšana semantiskā veidā ir tikpat vienkārša kā HTML saglabāšana, ņemot vērā lapas saturu, nevis izkārtojumu. Dažas no tālāk norādītajām vienkāršajām darbībām palīdzēs jums nodrošināt, lai meklētājprogrammām, zirnekļiem un apmeklētājiem jūs būtu semantiski patīkami
Izpētiet Envato elementus
Virsraksta tags
Pārliecinieties, vai lapas nosaukuma tags ir aprakstošs un nozīmīgs. Pārliecinieties, ka tas mainās katrā jūsu vietnes lapā, lai atspoguļotu šīs lapas saturu.
Virsraksti
Lapas virsrakstus var definēt ar div un span tagiem, taču tas nenozīmē, ka tā ir virsraksts. Daudz labāk ir izmantot tagus no h1 līdz h6, lai diferencētu un veidotu lapas virsrakstus.
Tabulas un veidlapas
Pēc noklusējuma tabulas un formas nav semantiskas un var būt ļoti vispārīgas. Viņiem trūkst piekļuves arī tiem, kas izmanto nestandarta pārlūkus. Tabulām pārliecinieties, vai izmantojat tagu thead, lai izskaidrotu tabulas kolonnas. Veidlapām ievērojiet etiķetes tagu, lai aprakstītu, kāda ir katra ievade, izvēles rūtiņa utt.
Attēli
Liekas, ka tas tiek pateikts atkal un atkal, taču visiem attēliem izmantojiet atribūtus, lai nodrošinātu, ka tie tiek aprakstīti lapas saturā - gan meklētājprogrammu, gan lietotāju invalīdu labā.
Šķiet taisni uz priekšu ... bet kāpēc?
Semantiskā koda izmantošana nepadarīs jūsu vietni atšķirīgu, un tas nekādā veidā tiešā veidā nesniegs labumu jūsu lasītājiem. Viens no tiešajiem efektiem, ko jūs varat redzēt, ir tas, ka meklētājprogrammas jūsu tīmekļa vietnei nodrošina pareizāku un efektīvāku darbību.
Arī semantiskā kodēšana paver ceļu nākotnei. Nākamo 5, 10, 100 gadu laikā parādīsies jaunas ierīces, programmatūra un lietojumprogrammas, kuras joprojām izmantos tīmekļa saturu. Semantika nosaka standartu, kuru turpmākās sistēmas ievēros un interpretēs, tāpēc pārliecinieties par nākotni!