Cifre de înlocuire - activități educaționale și științifice ale lui Vladimir Viktorovich Anisimov. Cifre simple și decriptarea lor

Semantica codului HTML este întotdeauna un subiect fierbinte. Unii dezvoltatori încearcă să scrie întotdeauna cod semantic. Alții critică adepții dogmatici. Și unii chiar nu au idee ce este și de ce este nevoie. Semantica este definită în HTML în etichete, clase, ID-uri și atribute care descriu scopul, dar nu specifică conținutul exact pe care îl conțin. Acesta este despre care vorbim despre separarea conținutului și formatul acestuia.

Să începem cu un exemplu evident.

Semantică proastă a codului

Titlul articolului
Și autorul
Inko Gnito.

Semantică bună a codului

Titlul articolului

Textul unui articol care a fost scris de cineva. Inko Gnito- autorul acesteia.

Indiferent dacă credeți că HTML5 este gata de utilizare sau nu, utilizarea

în acest caz va fi mai atractiv decât de obicei
indicând clasa. Titlul articolului devine titlu, cuprinsul devine paragraf, iar textul aldin devine eticheta. .

Dar nu totul este reprezentat atât de clar de etichetele HTML5. Să ne uităm la un set de nume de clase și să vedem dacă îndeplinesc cerințele semantice.

Nu cod semantic. Acesta este un exemplu clasic. Fiecare banc de lucru cu grilă CSS utilizează aceste tipuri de nume de clasă pentru a defini elementele grilei. Fie că este vorba de „yui-b”, „grid-4” sau „spanHalf” - astfel de nume sunt mai aproape de specificarea markupurilor decât de descrierea conținutului. Cu toate acestea, utilizarea lor este inevitabilă în majoritatea cazurilor când se lucrează cu șabloane de grilă modulare.

Cod semantic. Subsolul a căpătat o semnificație puternică în designul web. Aceasta este partea de jos a paginii, care conține elemente precum navigarea repetată, drepturile de utilizare, informațiile despre autor și așa mai departe. Această clasă definește un grup pentru toate aceste elemente fără a le descrie.

Dacă ați trecut la utilizarea HTML5, atunci este mai bine să utilizați elementul

în astfel de cazuri. Nota se aplică și tuturor celorlalte părți ale paginii web (antetul ar trebui să fie
, panou lateral -
  • Serghei Savenkov

    un fel de recenzie „scurtă”... de parcă ne-am grăbi pe undeva