MyCity » Web dizajn / HTML » Zašto uvek <div> a ne <table>

Zašto uvek <div> a ne <table>

Napisano na dan: 30.11.2010

Zašto uvek <div> a ne <table>
Sledeća strana Pagination

Idi na vrh

Poslao: 30 Nov 2010 12:21
Idi na vrh
offline
  • Pridružio: 10 Avg 2006
  • Poruke: 1009
  • Gde živiš: Beograd

Zanima me da li postoji neki poseban razlog zbog koga 99% sajtova svoj izgled zasniva na <div> tagovima a ne na tabelama.

Meni je uvek bilo mnogo lakše bilo da sve poređam i sredim po tabeli i sakrijem joj ivice. Da li je to loša praksa iz nekog razloga ?



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 01 Dec 2010 08:14
Idi na vrh
offline
  • Pridružio: 25 Jan 2005
  • Poruke: 525
  • Gde živiš: beograd

Semantika tabela je takva da one jednostavno sluze za tabelarni prikaz podataka a ne za layout sajta.

Drugi problem je sto se html kod "zagadjuje" nepotrebnim tagovima <table>, <tr> i <td> i time povecava velicina .html-a u kilobajtima i samim tim vreme ucitavanja sajta u browser-u.

Po mom iskustvu (a video sam dosta sajtova u tabelama) ljudi cesto grese sto u napravljene celije krenu samo da unose tekst u Design view-u u dream-u a zaboravljaju da unose veoma bitne tagove sa stanovista SEO "on site" uredjenja koda (<p>, <h1...h4>...)
Verovatno ti je lakse jer radis u nekom WYSIWYG editoru (dream verovatno i to neki pre cs2, cs3) ali nije sustina sta je nama lakse nego sta je ispravno.

Uskoro se ocekuje nova regulativa u vidu HTML5 preporuka koje donose nove tagove sa semantickim znacenjem <aside><nav><article>.... sto tek donosi boljitak za dizajnere

Iskreno govoreci ni div tag nema semantiku, odnosno crawler nema pojma sta je to u divu sa gledista sadrzaja ali je html kod cistiji, smanjuje se load time i lakse se radi stilizacija css-om



Poslao: 01 Dec 2010 22:26
Idi na vrh
offline
  • Pridružio: 10 Avg 2006
  • Poruke: 1009
  • Gde živiš: Beograd

Istina da "zagađuje" mada ta veličina html fajla i nema toliko veze s obzirom na današnje brzine neta.

Ne radim u WYSIWYG-u nijednom, radim u GEdit-u, ali mi se čini da je mnogo lakše podešavati align u tabeli, jer centriranje u div-u i generalno formatiranje svega u njemu mi neuporedivo teže ide.

Poslao: 02 Dec 2010 00:43
Idi na vrh
offline
  • SSpin 
  • Saradnik foruma
  • Pridružio: 09 Dec 2004
  • Poruke: 6488
  • Gde živiš: Nis -> ***Durlan City***

Kada koristiš tablerani prikaz koristi table tagove, divovi su zajebani. U svim ostalim prilikama div rulz

Poslao: 03 Dec 2010 02:33
Idi na vrh
offline
  • Pridružio: 06 Sep 2008
  • Poruke: 150
  • Gde živiš: Obrenovac

Kratko i jasno: pravljenje layout-a web sajta pomocu tabele je zastarelo, a zastarelo je jer su div tagovi u kombinaciji sa CSS-om daleko, daleko mocniji.
Ajde tabelom napravi ovo:


A sa CSS-om i div tagovima to je prosta stvar. Evo ti kod za to:

<html> <head> <title>Naslov</title> <style type="text/css"> body { background:#000000; color:#ffffff } #mainblock { position:relative; left:100px; top:20px; width:500px; height:200px; background:#ff0000; color:#ffffff } #yellowblock {    position:absolute;    left:-22px;    top:69px;    width:250px;    height:100px;    background:#ffff00;    color:#000000 } #greenblock {    position:absolute;    left:155px;    top:85px;    width:120px;    height:70px;    background:#00c000;    color:#000000 } </style> </head> <body> <div id="mainblock"> Ovo je crveno. <div id="yellowblock"> Ovo je zuto   <div id="greenblock"> Ovo je zeleno i moze tako do besvesti</div> </div> </div> </html>
Ovo je jedan vrlo prost primer, ali tabele u odnosu na div tagove imaju mnoga ogranicenja.
Bilo bi preopsirno nabrajati sve prednosti rada sa div tagovima u odnosu na tabelu, ali kao sto ti Pantelija rece"nije sustina sta je nama lakse nego sta je ispravno", a ja tu dodajem i sta je daleko mocnije i efikasnije.

Pozzzzz

Poslao: 03 Dec 2010 14:13
Idi na vrh
offline
  • Pridružio: 10 Avg 2006
  • Poruke: 1009
  • Gde živiš: Beograd

Da,očigledno samo ja treba više da se naviknem sa rad sa div-ovima

Poslao: 07 Dec 2010 17:26
Idi na vrh
offline
  • wob 
  • Novi MyCity građanin
  • Pridružio: 22 Nov 2010
  • Poruke: 7



Mrzelo me vise da se igram, naravno u tabelama[/img]

Poslao: 08 Dec 2010 01:48
Idi na vrh
offline
  • Pridružio: 06 Sep 2008
  • Poruke: 150
  • Gde živiš: Obrenovac

Ovde se radi o nesumnjivoj prednosti div tagova u kombinaciji sa CSS-om u odnosu na tabele. Da bih ti to pokazao, a da ne moras vise da se igras zamisli sledece:

- zamisli da je potrebno iz nekog razloga zeleni blok pomeriti za 20px u desno. Za tabelu bi to znacilo, malte ne, pravljenje od pocetka. Za div i CSS to je samo promena jednog broja, sto bi trajalo najvise 2 sekunde.

- zamisli da je umesto crvenog bloka slika. Iz koliko delova bi je ti morao uklapati u tabelu? Sa div-om i CSS-om ubacio bi celu sliku. A zamisli da pravis sajt sa CMS-om gde treba korisniku da napravis admin panel u kojem ce on sam moci da menja tu sliku (umesto crvenog bloka).... Za tabelu, to je nemoguca misija.

- vrlo cest slucaj u web dizajnu je da se neki delovi stranice ponavljaju na svim stranicama, kao na primer header i footer. A recimo, radi se o sajtu sa 1000 stranica i ti pozelis da promenis boju fonta u footeru. Sada imas izbor: da to redom menjas od prve do hiljadite stranice ili da header, footer i glavni deo stranice odvojis u posebne fajlove, pa da promenis samo u footeru boju teksta. Ali ako si layout radio sa tabelom ti ces deo jedne tabele imati u jednom fajlu, deo u drugom, a deo u trecem... S obzirom da bi sigurno koristio puno tabela u tabeli, ne bih ti bio u kozi da se tu snadjes... Sa div-om i CSS-om taj posao za svih 1000 stranica je opet samo par sekundi.

Treba li jos? Mislim da je i ovoliko sasvim dovoljno.

Pozzz....

Poslao: 08 Dec 2010 14:03
Idi na vrh
offline
  • wob 
  • Novi MyCity građanin
  • Pridružio: 22 Nov 2010
  • Poruke: 7

Ama razumem ja tebe 100%. Nego mi je bio preveliki izazov da ti dokazem da moze ovo gore sto si trazio da se uradi i sa tabelama :-)
Ti si rekao: "Ajde tabelom napravi ovo", i meni je to bio izazov da ti dokazem da moze :-)
U svakom slucaju DIV i CSS su u velikoj prednosti. I sam imam problma sa svojim sajtom jer je radjen u tabelama i kao sto ti rece kad treba nesto u Headeru i footeru da se ispravlja, udri od prve do zadnje stranice pa ispravljaj :-)
Veliki pozdrav,

P.S. Ajde malo ako te ne mrzi, procitaj temu "Molba za pomoc" sto sam postavio pre nekoliko dana, a niko se nije udostojio da napise ni rec. Ako mozes sta da pomognes bio bih veoma zahvalan.

MyCity » Web dizajn / HTML » Zašto uvek <div> a ne <table>

Ko je trenutno na forumu
 

Ukupno su 951 korisnika na forumu :: 67 registrovanih, 9 sakrivenih i 875 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: aleksmajstor, aleph_one, Arsenije, bobomicek, Bojan85, bojcistv, boromir, casual03, darkangel, dendrit86, Dobrovoljacsrb, draganca, Draganeli, Dzoni70, Electron, feanor, FOX, Gheljda, Glauber, gorankuba, GT, ILGromovnik, Istman, jackreacher011011, JankoS, kaisarevic1, kendzo-andzo-boni-fju, Kobrim, krca73, kreker, Kruger, ladro, mačković, Michellefromrezistance, MiG-29M2, miki kv, milanovic, milanstankovic087, milikonst, milos.cbr, moldway, Mskok, nemkea71, Paklenica, peradetlić, pfc74, rakivan, raptorsi, raster12, Sančo, Semprini, Sirius, Slavian, sony771, stegonosa, tehnika, Trivo, vladas87, Vladonius, voja64, wizzardone, x9, zajcev1, zeka013, zivojin32, Zrcalo, Žoržo