tévék. Konzolok. Projektorok és tartozékok. Technológiák. Digitális TV

Kódolás. Csere rejtjelek - Vladimir Viktorovich Anisimov oktatási és tudományos tevékenysége A Futurama idegen ábécéje

Szemantika(francia sémantique az ókori görögből σημαντικός - jelölve) - bizonyos jelek, szimbólumsorozatok és egyéb szimbólumok megértésének tudománya. Ezt a tudományt számos területen használják: nyelvészet, proxemika, pragmatika, etimológia stb. Nem tudom elképzelni, mit jelentenek ezek a szavak, és mit csinálnak ezek a tudományok. És nem számít, érdekel a szemantika webhely-elrendezésben való használata.

Jegyzet

A szemantikus web kifejezést itt nem érintem. Első pillantásra úgy tűnhet, hogy a szemantikus web és a szemantikus HTML-kód témakör szinte ugyanaz. Valójában azonban a szemantikus web meglehetősen filozófiai fogalom, és nincs sok közös vonása a jelenlegi valósággal.

Szemantikai elrendezés - mi ez?

Egy nyelvben minden szónak meghatározott jelentése és célja van. Amikor azt mondod, hogy „kolbász”, olyan élelmiszerre gondolsz, amely darált hús (általában hús) hosszúkás burkolatban. Röviden: virslire gondolsz, nem tejre vagy zöldborsóra.

A HTML is egy nyelv, címkéknek nevezett „szavainak” is van bizonyos logikai jelentése és célja. Emiatt mindenekelőtt A szemantikus HTML-kód egy megfelelő elrendezés HTML használatával címkéket, rendeltetésszerűen használja őket, ahogy a fejlesztők szándékozták őket HTML nyelvés webes szabványok.

A microformats.org egy közösség, amely a szemantikus web idealista elképzeléseit életre keltve az oldalelrendezést ugyanazokhoz a szemantikai ideálokhoz közelíti.

Miért és kinek van egyáltalán szüksége szemantikai elrendezésre?

Ha a honlapomon ugyanúgy jelennek meg az információk, mint a dizájnon, akkor minek törődni az agyaddal, és valamiféle szemantikán gondolkodni?! Ez ugyanaz plusz munka! Kinek kell ez?! Ki fogja ezt értékelni, kivéve egy másik tervező?

Gyakran hallottam ilyen kérdéseket. Találjuk ki.

Szemantikus HTML webfejlesztőknek

Szemantikus kód a felhasználók számára

Növeli az információk elérhetőségét az oldalon. Először is, ez fontos az olyan alternatív szerek esetében, mint például:

  • A szemantikus kód közvetlenül befolyásolja a HTML kód mennyiségét. Kevesebb kód -> könnyebb oldalak -> gyorsabb betöltés, kevésbé szükséges RAM felhasználói oldalon kisebb forgalom, kisebb adatbázis méret. Az oldal gyorsabbá és olcsóbbá válik.
  • hangos böngészők akiknek fontosak a címkék és attribútumaik ahhoz, hogy a tartalmat helyesen és megfelelő intonációval ejtsék, vagy éppen ellenkezőleg, ne mondjunk túl sokat.
  • mobil eszközök amelyek nem támogatják teljes mértékben a CSS-t, ezért főként HTML kódra támaszkodnak, és a használt címkéknek megfelelően jelenítik meg a képernyőn.
  • nyomtató eszközök További CSS nélkül is jobb minőségben (közelebb a tervezéshez) nyomtatják ki az információkat, és a nyomtatáshoz ideális verzió elkészítése néhány egyszerű CSS-kezelést igényel.
  • Ezenkívül vannak olyan eszközök és bővítmények, amelyek segítségével gyorsan navigálhat a dokumentumok között – például az Opera címsorai alapján.

Szemantikus HTML gépekhez

A keresőmotorok folyamatosan fejlesztik keresési módszereiket annak érdekében, hogy az eredmények a kívánt információkat tartalmazzák. igazán keres felhasználó. A szemantikus HTML ezt megkönnyíti, mert... sokkal jobb elemzésre alkalmas - a kód tisztább, a kód logikus (jól látható, hol vannak a címsorok, hol a navigáció, hol a tartalom).

A jó tartalom és a jó minőségű szemantikai elrendezés már komoly alkalmazás jó pozíciók a keresőmotorok eredményei között.

A HTML kód szemantikája mindig forró téma. Egyes fejlesztők megpróbálnak mindig szemantikus kódot írni. Mások kritizálják a dogmatikus híveket. És néhánynak fogalma sincs, mi ez, és miért van rá szükség. A szemantikát a HTML-ben címkékben, osztályokban, azonosítókban és attribútumokban határozzák meg, amelyek leírják a célt, de nem határozzák meg a pontos tartalmat. Vagyis a tartalom és formátumának szétválasztásáról beszélünk.

Kezdjük egy nyilvánvaló példával.

Rossz kódszemantika

Cikk címe
És a szerző
Inko Gnito.

Jó kódszemantika

Cikk címe

Valaki által írt cikk szövege. Inko Gnito- a szerzője.

Függetlenül attól, hogy úgy gondolja, hogy a HTML5 készen áll a használatra, vagy sem, a használata a

ebben az esetben a szokásosnál vonzóbb lesz
osztályt jelezve. A cikk címéből a cím, a tartalomjegyzékből a bekezdés, a félkövér szövegből pedig a címke. .

De nem mindent ábrázolnak ilyen egyértelműen a HTML5-címkék. Nézzük meg az osztálynevek halmazát, és nézzük meg, hogy megfelelnek-e a szemantikai követelményeknek.

Nem szemantikai kód. Ez egy klasszikus példa. Minden CSS rácsmunkaasztal ilyen típusú osztályneveket használ a rácselemek meghatározásához. Legyen szó "yui-b", "grid-4" vagy "spanHalf" - ezek a nevek közelebb állnak a jelölés meghatározásához, mint a tartalom leírásához. Használatuk azonban a legtöbb esetben elkerülhetetlen, ha moduláris rácssablonokkal dolgozunk.

Szemantikus kód. A lábléc erős jelentést kapott a webdesignban. Ez az oldal alsó része, amely olyan elemeket tartalmaz, mint az ismétlődő navigáció, használati jogok, szerzői információk stb. Ez az osztály meghatároz egy csoportot ezekhez az elemekhez anélkül, hogy leírná őket.

Ha HTML5 használatára váltott, akkor jobb az elem használata

ilyen esetekben. A megjegyzés a weboldal minden más részére is vonatkozik (a fejlécnek ilyennek kell lennie
, oldalsáv -
Kapcsolódó kiadványok