Απορία σχετικά με την html

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
grp_greece
Δημοσιεύσεις: 15
Εγγραφή: 24 Απρ 2008 17:14

Απορία σχετικά με την html

Δημοσίευση από grp_greece » 24 Ιούλ 2012 18:31

Έχω μια απορία.Εγώ έχω κάνει ένα design χρησιμοποιώντας πίνακες για να χωρίσω τη σελίδα μου όπως θέλω εγώ και χωρίς πολλά πολλά.Αλλά όπου και να δω βλέπω να χρησιμοποιούν τα divs.Δηλαδή τι στο καλό έχουν τα divs που δεν έχουν τα tables?Όχι ρε σεις πείτε μου δηλαδή.
:hammer:

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Απορία σχετικά με την html

Δημοσίευση από alou » 24 Ιούλ 2012 21:32

Τα tables έχουν - από τότε που ανακαλύφθηκαν τα stylesheets - ένα και μόνο σκοπό στην html: παρουσίαση structured / tabular data.

Αν δεν ρωτάς για πλάκα, div + css έχει καλύτερο / σωστότερο markup και δομή, πολύ πιο ευέλικτο, εύκολη αλλαγή look & feel, καλύτερο seo, διπλό διαφορικό και τραβάει στην ανηφόρα.

Το μόνο πλεονέκτημα των tables είναι η ίδια απεικόνιση IE5 με τους σημερινούς browser, οπότε ενδείκνυται για όσους έχουν τον ίδιο υπολογιστή από το '90 ή για web project που έχουν σχέση με χωροχρόνο :D
Τελευταία επεξεργασία από το μέλος alou την 24 Ιούλ 2012 21:34, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
grp_greece
Δημοσιεύσεις: 15
Εγγραφή: 24 Απρ 2008 17:14

Απορία σχετικά με την html

Δημοσίευση από grp_greece » 25 Ιούλ 2012 09:17

Tώρα θα έλεγα τίποτα αλλά δεν υπάρχει το σωστό εμοτικόνιον... Βασικά μπορώ να σου ακυρώσω αμέσως όλα όσα λες.

1)Σωστότερη δομή?Στα divs εν αρχή ην το CSS και εκεί μέσα,ην το χάος.Άντε να βγάλεις άκρη τι είναι τι.Ενώ αν τα έχεις όλα σε tables,και λιγότερο κώδικα γράφεις (μην ακούσω τίποτα) και μπορείς να ξέρεις τι είναι τι.Ενώ με τα divs άντε βγάλε άκρη σ'έκείνο το χάος.
2)Πιο ευέλικτο?Όσα είπα πριν + το ότι με tables μπορείς να κόψεις την εικόνα όπως ακριβώς θες.Όπως ακριβώς.Ότι κάνουν 5 divs το κάνει 1 μόνο table.
3)SEO?Βρες μου σε μηχανή αναζήτησης πόσες βγάζει με tables και πόσες με divs.Mπορώ να σου εξακριβώσω πως ο αριθμός είναι ίσος μπορεί και με tables να βρεις περισσότερες.
4)Άλλο ένα πλεονέκτημα των tables είναι πως μπορούν να είναι τα ίδια σε όποια ανάλυση και να έχεις.

Θα ήθελα να ακούσω πιο τεκμηριωμένα επιχειρήματα αν υπάρχουν.[/img]
Εικόνα

Άβαταρ μέλους
tsiger
Honorary Member
Δημοσιεύσεις: 1431
Εγγραφή: 11 Νοέμ 2002 13:40
Τοποθεσία: Thessaloniki Observation Center
Επικοινωνία:

Απορία σχετικά με την html

Δημοσίευση από tsiger » 25 Ιούλ 2012 09:35

Responsive web design

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

Απορία σχετικά με την html

Δημοσίευση από dva_dev » 25 Ιούλ 2012 10:56

Τι ακριβώς σημαίνει responsive web design?

Τι είναι responsive?
Το

Κώδικας: Επιλογή όλων

<table width="100%">
...
ή
το

Κώδικας: Επιλογή όλων

.foo &#123;width&#58; 988px; &#125;

<div class"foo">
...

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Απορία σχετικά με την html

Δημοσίευση από korgr » 25 Ιούλ 2012 13:23

Η πιο απλή τεκμηρίωση:
Αν έχεις ένα table με ένα row και δύο cells, πλάτους 600 pixels το καθένα, και θέλεις αν δεν χωράει στην ανάλυση του χρήστη (πχ 1024Χ768) να εμφανίζεται το ένα κελί κάτω από το άλλο για να μην βγει οριζόντιο scrollbar, πώς θα το κάνεις?

Άβαταρ μέλους
alexisitsios
Δημοσιεύσεις: 447
Εγγραφή: 02 Ιαν 2012 21:37

Απορία σχετικά με την html

Δημοσίευση από alexisitsios » 25 Ιούλ 2012 13:30

η κατασκευή με css και div είναι πιο απλή απ' όσο νομίζεις. Θέμα εξοικείωσης είναι. Αν θέλεις ρίξε μια ματιά σε αυτά τα εκπαιδευτικά βίντεο που έχω φτιάξει στο blog μου: http://www.supremohosting.com/html/

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Απορία σχετικά με την html

Δημοσίευση από alou » 25 Ιούλ 2012 13:45

Τώρα πλάκα κάνουμε ή δουλευόμαστε μεταξύ μας;
grp_greece έγραψε:Tώρα θα έλεγα τίποτα αλλά δεν υπάρχει το σωστό εμοτικόνιον...
grp_greece έγραψε:Βασικά μπορώ να σου ακυρώσω αμέσως όλα όσα λες.
Πιθανόν, αλλά δεν το έκανες.
grp_greece έγραψε: 1)Σωστότερη δομή?Στα divs εν αρχή ην το CSS και εκεί μέσα,ην το χάος.Άντε να βγάλεις άκρη τι είναι τι.Ενώ αν τα έχεις όλα σε tables,και λιγότερο κώδικα γράφεις (μην ακούσω τίποτα) και μπορείς να ξέρεις τι είναι τι.Ενώ με τα divs άντε βγάλε άκρη σ'έκείνο το χάος.
2)Πιο ευέλικτο?Όσα είπα πριν + το ότι με tables μπορείς να κόψεις την εικόνα όπως ακριβώς θες.Όπως ακριβώς.Ότι κάνουν 5 divs το κάνει 1 μόνο table.
Δεν είναι χάος δηλαδή το table μέσα σε table μέσα σε table μέσα σε td colspan=8 και εκεί μέσα 8 span με inline styling? και άμα αποφασίσεις μεθαύριο να αλλάξεις το look & feel δεν θα κλαίς με μαύρο δάκρυ? και το goolge θα βρει τη δομή σου πιο σωστή έτσι, παρά με header section footer κλπ divs? και άμα θες να χρησιμοποιήσεις και html 5 tags θα έχεις και ένα <section> κάπου χαμένο σε ένα td?

Αν βάλουμε στην κουβέντα και πιο συγχρονες τεχνικές css(3) που ένας web designer που ζει στο παρών θα θέλει να χρησιμοποιήσει αλλά και javascript (για δοκίμασε να κάνεις smooth transition σε ένα table πχ) η χρήση των tables για layout είναι απλά εφιάλτης.

Και βέβαια, πέρα από γνώμες, υπάρχει κάτι πιο αντικειμενικό:
Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.
http://www.w3.org/TR/html4/struct/tables.html



grp_greece έγραψε: 3)SEO?Βρες μου σε μηχανή αναζήτησης πόσες βγάζει με tables και πόσες με divs.Mπορώ να σου εξακριβώσω πως ο αριθμός είναι ίσος μπορεί και με tables να βρεις περισσότερες.
google, αναζήτηση tables vs divs. Στα 10 πρώτα αποτελέσματα δεν υπάρχει ούτε ένα site βασισμένο σε tables layout. Μήπως αντί για το google ψάχνεις στο web archive? :lol:

Σοβαρά πάντως, αν έχεις κάποιο συγκεκριμένο στοιχείο θα ήθελα να το δω. Η μόνη πιθανότητα που δίνω είναι να υπάρχουν κάποιες στατικές σελίδες που λόγω ηλικίας και pr έχουν κάποια παραπάνω αξία σε κάποιες αναζητήσεις.
grp_greece έγραψε: 4)Άλλο ένα πλεονέκτημα των tables είναι πως μπορούν να είναι τα ίδια σε όποια ανάλυση και να έχεις.
Αυτό δεν το κατάλαβα, τι σχέση έχει η ανάλυση? fluid layout ή fixed width layout μπορείς να έχεις και με τα δυο. Αν θες το εξηγείς λίγο καλύτερα.

Για να μην τρελλαθούμε, όλος ο πλανήτης (πιθανώς και πιο έξω) έχει εγκαταλείψει τα tables στο design εδώ και μια δεκαετία. Για λόγους δομής, αισθητικής, δυνατοτήτων, ευελιξίας και ευκολίας.

Αν θες να πας κόντρα, μεγειά σου με χαρά σου αλλά μη ζητάς να δεχτούμε ότι είναι στραβός ο γιαλός.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Απορία σχετικά με την html

Δημοσίευση από fafos » 25 Ιούλ 2012 14:18

To SEO den yfistatai.. gia tis mhxanes anazhthshs einai ola ta idia, eite me tables eite me divs arkei na mhn "spaei" to analogo element.. karatsekarismeno..

H eukolia ton divs einai dedomenh gia autous pou ta xeroun poly kala.. gia tous ypoloipous einai na kovoun fleves..

Ta tables exoun egkatalhfthei gia synolikh dhmiourgia selidas alla se polles periptoseis einai aparaithta giati leitourgoun kalytera apo ta divs (p.x. grids)..

Ta divs einai eukola sthn "cross browser" emfanish alla polles fores vgazoun thn pisth ston designer anagkazontas ton na xrhsimopohsei "greek ways" gia na ta ferei sta isia tous (p.x. floats se divs me anomoia heights)..

Opos kai na exei, eite me tables eite me divs to shmerino web einai proistoriko kai dyskolo sthn efarmogh tou.. ta "megala kefalia" pou apofasizoun ti tha "paizei" sthn HTML protimoun na ftiaxnoun paparitses style HTML5 kai CSS3 para na asxolhthoun me tis basikes leitourgies tou gia na kanoun pio eukolh thn zoh tou designer-developer... isos exoun tous logous tous..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Απορία σχετικά με την html

Δημοσίευση από alou » 25 Ιούλ 2012 15:10

@fafos: Για το ίδιο αποτέλεσμα, η χρήση div / css vs tables δεν σημαίνει μικρότερο μέγεθος σελίδας; nested tables, inline styleing δεν οδηγούν σε μεγαλύτερο μέγεθος σελίδας? μείωση HTTP requests με χρήση sprites μπορείς να κάνεις με inline styling?

Όλα αυτά και πολλά άλλα δεν οδηγούν σε ένα πιο γρήγορο site που με τη σειρά του οδηγεί σε καλύτερα αποτελέσματα SERP?

Άβαταρ μέλους
Khronos
Δημοσιεύσεις: 754
Εγγραφή: 11 Δεκ 2006 14:43
Τοποθεσία: Ηράκλειο

Απορία σχετικά με την html

Δημοσίευση από Khronos » 25 Ιούλ 2012 15:15

@grp_greece
alou έγραψε:Αν βάλουμε στην κουβέντα και πιο συγχρονες τεχνικές css(3) που ένας web designer που ζει στο παρών θα θέλει να χρησιμοποιήσει αλλά και javascript (για δοκίμασε να κάνεις smooth transition σε ένα table πχ) η χρήση των tables για layout είναι απλά εφιάλτης.
Οι λέξεις με bold είναι η απάντηση που ψάχνεις.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Απορία σχετικά με την html

Δημοσίευση από fafos » 25 Ιούλ 2012 15:24

alou έγραψε:@fafos: Για το ίδιο αποτέλεσμα, η χρήση div / css vs tables δεν σημαίνει μικρότερο μέγεθος σελίδας; nested tables, inline styleing δεν οδηγούν σε μεγαλύτερο μέγεθος σελίδας? μείωση HTTP requests με χρήση sprites μπορείς να κάνεις με inline styling?

Όλα αυτά και πολλά άλλα δεν οδηγούν σε ένα πιο γρήγορο site που με τη σειρά του οδηγεί σε καλύτερα αποτελέσματα SERP?
kai me divs mporeis na thn kaneis kounoupidi thn selida kai na einai argh... den nomizo oti o googlhs h oiandhpote allh mhxanh tha "kolosei" se kati mikroseconds pou einai h diafora tous.. ta exoume xiliopei.. vale periexomeno kai tha antamoiftheis.. ola ta ypoloipa einai gia dhmiourgia neon yphresion eno kata vash einai mia h yphresia..
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης