Source: https://webtips.dan.info/logical.html

Postoje dvije osnovne vrste HTML oznaka. U logičke oznake predstavljaju strukturu i značenje dokumenta, sa samo predložio prijevoda za njihov izgled koji može ili ne može slijediti različitim preglednicima u različitim konfiguracijama sustava. U fizičke oznake predstavljaju posebne vizualne efekte koji su namijenjeni da se reproducirati na precizan način, a ne nose značenje kao u svoje semantičko značenje.

Izvorna implementacija HTML-a sadržavala je gotovo u potpunosti logične oznake, u skladu s HTML filozofijom da je to bio strukturni jezik, a ne opis izgleda zaslona. Nekoliko fizičkih oznaka ušlo je čak i tada (kao što je <B> za podebljani tekst). Kako su proizvođači preglednika Netscape i Microsoft povećali HTML, dodan je veliki broj fizičkih oznaka, uz vrlo malo povećanja logičkog skupa oznaka. Standard HTML 4.0, a sada i HTML 5.0 u razvoju, pokušava popraviti ovu ravnotežu uvođenjem nekih novih logičkih oznaka i proglašavanjem nekih fizičkih oznaka i atributa kao “zastarjelih” u korist stilskih tablica.

Savjetnici za HTML stil dali su različite i proturječne savjete o tome treba li preferirati korištenje logičkih ili fizičkih oznaka. Tvrdi puristi mogu reći da se uvijek koriste samo logičke oznake, dok neki grafički dizajneri zagovaraju korištenje samo fizičkih oznaka (jer one logične imaju tendenciju, uznemirujuću onima vizualnog načina razmišljanja, biti prikazane na vrlo različite načine). Ne slijedim niti jedan kruti standard; umjesto toga, podržavam korištenje oznaka koje imaju smisla za određenu aplikaciju. Danas takve vrste sukoba ne izbijaju ni približno toliko, budući da su mnogi novi generacija programera, bilo logički ili grafički orijentirani, naučili koristiti kaskadne tablice stilova kako bi HTML održali čistim i jednostavnim, a prezentaciju odvojenom u tablici stilova.

Kada koristiti logičko označavanje

Pokušajte koristiti logičke konstrukcije kad god odgovaraju značenju koje pokušavate prenijeti. Kada želite zaglavlje na vrhu stranice, <H1> oznaka je dobar izbor. Alternativa korištenju fizičke <FONT SIZE="+3"> oznake ima negativan učinak nelogičke konotacije zaglavlja; svaki program koji pokuša stvoriti strukturni obris vašeg dokumenta iz njegovih zaglavlja bit će frustriran ako ih ne označite kao takve. Preglednik s tekstualnim načinom rada kao što je Lynx i program za čitanje za slijepe mogu imati svoj način da signaliziraju zaglavlje korisniku, a to će biti neoperativno na vašem dokumentu kada to signalizirate promjenom fonta koja je besmislena na ovi drugi uređaji.

Postoji niz logičkih oznaka koje imaju specifična značenja koja bi vam mogla biti korisna. <CITE> koristi se za okruživanje naslova djela koje se citira (obično se prikazuje kurzivom). <EM> označava naglašeni tekst, i <STRONG> označava snažan naglasak, obično prikazan kurzivom i podebljanim slovima. Prednost korištenja logičkih umjesto fizičkih oznaka u ovim slučajevima je to što se vaše značenje preciznije prenosi. Činjenica da preglednici za masovno tržište zapravo ne rade ništa s tim razlikama u ovom trenutku nije razlog da ih dopustite da skliznu; drugi softver ih i dalje može iskoristiti prilikom indeksiranja ili apstrahiranja vaših dokumenata. Da ne spominjemo stilove: web-mjesto puno tvrdo kodiranih fizičkih oznaka bit će mnogo teže pretvoriti u upotrebu tablica stilova nego web-mjesto s čistom, jednostavnom logičkom strukturom.

Ako izađete iz mentaliteta grafičkog umjetnika koji zahtijeva savršenu kontrolu prikaza vaše web stranice, moći ćete prenijeti značenje svoje stranice  na razuman način neovisan o platformi. Pokušajte ne pobijediti logiku HTML-a izbjegavanjem logičkih oznaka samo zato što vam se ne sviđa kako neke od njih izgledaju u nekim preglednicima. Na primjer, nekim dizajnerima se ne sviđa način na koji se odlomci prikazuju, pa koriste prijelom reda nakon kojeg slijedi prazna grafika za uvlačenje sljedećeg retka. Ova vrsta stvari općenito nije dobra ideja, jer je vjerojatno da će se loše degradirati u različitim okruženjima (npr. pregledavanje samo teksta) i prikriti strukturu vašeg dokumenta za indeksiranje robota. Naučite kako koristiti tablice stilova i možete definirati izgled logičkih elemenata svojih stranica na mnogo fleksibilniji način nego što biste to ikada mogli s fizičkim označavanjem.

Kada koristiti fizičko označavanje

Kada želite postići određene vizualne efekte koji se ne uklapaju u strukturna značenja različitih logičkih oznaka, tada su fizičke oznake bolji način za to od zlouporabe logičkih oznaka za značenja koja nisu namijenjena. Stoga, ako odlučite podebljati sav svoj osnovni tekst samo zato što vam tako izgleda bolje, upotrijebite <B> oznaku umjesto <STRONG> oznake jer “jako naglasak” ovdje nije semantička konotacija. Izgled u preglednicima za masovno tržište bit će isti, ali ste možda spasili slijepu osobu koja koristi audio preglednik da cijeli dokument ne čuje glasnim tonom glasa (prikladan prikaz za snažan naglasak, ali ne i odgovarajući prikaz za čisto vizualni učinak podebljanja). Ako želite sav tekst u većem fontu, upotrijebite <FONT SIZE="+1"> umjesto <H4>, budući da ne želite implicirati da je sav vaš tekst zapravo “zaglavlje”.

Nemojte zloupotrijebiti logičke oznake. Imajte na umu njihova stvarna značenja, a ne samo vizualne efekte na vašem pregledniku (koji se mogu razlikovati u drugim preglednicima). Značenje <UL> je ne „uvući ovaj tekst”; to znači “ono što slijedi je nenumerirani popis”, a činjenica da ga neki preglednici uvlače je slučajna. (Rane verzije WebTV-a nisu uvlačile <UL> popise!) Prema HTML specifikacijama, jedini ispravan sadržaj za <UL> popis su <LI> stavke, tako da je prikaz popisa koji ne slijede ovu sintaksu nedefiniran; preglednik usklađen sa standardima mogao bi odbaciti cijeli sadržaj tog odjeljka vašeg dokumenta. Loš je oblik oslanjati se na ponašanje nekih preglednika koje se protivi logičnom značenju oznake. Na kraju ćete samo zbuniti bilo koji softver koji zapravo pokušava protumačiti značenje vašeg dokumenta umjesto samo njegovog izgleda i imat ćete poteškoća s konvertiranjem dokumenata za nove inovacije poput tablica stilova.

Nažalost, oni od vas koji koriste WYSIWYG uređivače poput DreamWeavera ili dopuštaju drugim programima poput Microsoft Worda ili Microsoft Publishera da istiskuju HTML, vjerojatno nemaju pojma generiraju li ti programi fizičke oznake, ispravno korištene logičke oznake ili zlouporabe logičkih oznaka. Najvjerojatnije kod koji generira takav uređivač neće biti baš dobar kao logički prikaz vašeg sadržaja, budući da se generira u skladu s grafičkim izgledom, a ne s logičkom strukturom. Razlog više da naučite HTML sintaksu i pišete svoje stranice ručno u ASCII uređivaču!

Prilagođeni elementi

Gornji članak izvorno je napisan 1990-ih, s nekoliko podjelnih revizija i ažuriranja kasnije. Moderniji HTML 5 Web (od 2015.) sada pruža još više mogućnosti za korištenje logičkih identifikatora na webu. Kaskadni listovi stilova dugo su vam dopuštali da priložite različite stilove logično imenovanim stvarima korištenjem atributa “class” i “id”, ali sada čak možete definirati i vlastite prilagođene HTML elemente, koji mogu dobiti svoj stil iz tablica stilova. Potrebno je samo da se novi elementi imenuju s crticom kako ne bi bili u sukobu s trenutnim i budućim “standardnim” HTML oznakama.

Linkovi

• Detaljan uvod u prilagođene elemente
• David Siegel, autor Creating Killer Web Sites, razumije razliku između fizičkih i logičkih oznaka, ali zbog svog načina razmišljanja orijentiranog na grafički dizajn, zagovara korištenje prvih gdje bih ja podržao drugo. Njegovo je bilo jedno od najbolje prezentiranih objašnjenja suprotnog stajališta s moga, ali trenutno se čini da web-mjesto “KillerSites” vodi netko drugi i da više nema zagovaranje s logičkim neprijateljstvom kao nekada.

Ova stranica je prvi put napravljena 2. kolovoza 1997., a posljednji put je izmijenjena 8. veljače 2015.

Autorsko pravo © 1997-2021 Daniel R. Tobias. Sva prava pridržana.