|
Poslao: 30 Nov 2010 12:21
|
offline
- igorpan
- Super građanin
- 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
|
offline
- pantelija
- Zaslužni građanin
- 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
|
offline
- igorpan
- Super građanin
- 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
|
offline
- 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
|
offline
- stogor
- Građanin
- 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
|
offline
- igorpan
- Super građanin
- 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: 08 Dec 2010 01:48
|
offline
- stogor
- Građanin
- 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
|
offline
- 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.
|
|
|
|
|
|
