Σύμφωνα με το spec, το id είναι ο αντικαταστάτης του name, αλλά επί του παρόντος καλό είναι να χρησιμοποιούμε και τα δύο.
Σε περίπτωση που έχετε παλιές φόρμες μόνο με name και θέλετε να έχουν και id, είτε για να το εκμεταλλευτείτε ως JavaScript hook, είτε απλά επειδή είστε standards geek, το εν λόγω Dreamweaver RegEx κάνει ακριβώς αυτή τη δουλειά. Διαβάστε την συνέχεια του άρθρου »
Ο παλιός τρόπος να δίνουμε link για κάποιο συγκεκριμένο σημείο της σελίδας, ήταν να βάζουμε extra markup στο σημείο στο οποίο θέλαμε να μεταφέρουμε το χρήστη με τη μορφή:
<a name="something"></a>
Ορισμένοι προσθέταμε και id, ως τον πιο “μοντέρνο” αντικαταστάτη του name, σύμφωνα με το specification.
Ωστόσο, είχατε υπόψιν ότι αντί να βάζουμε το id σε <a> tag, μπορούμε να χρησιμοποιήσουμε οποιοδήποτε id μέσα στη σελίδα; Διαβάστε την συνέχεια του άρθρου »
To <body> είναι ουσιαστικά άλλο ένα block level element, με τα θετικά και τα αρνητικά του. Ενίοτε αυτό μπορεί να μας προκαλέσει πρόβλημα, όπως μου συνέβη πρόσφατα.
Στο site που δουλεύω, έχω ρθυμίσει το html και το body να έχουν διαφορετικά (ημιδιαφανή) φόντα, ώστε συνδυαστικά να δίνουν το εφέ φόντου που θέλω (αφού τα CSS3 multiple backgrounds αργούν ακόμα…). Οι περισσότερες σελίδες του site έχουν μεγαλύτερο ύψος από το viewport του browser, ακόμα και σε μεγάλες αναλύσεις, οπότε δεν μου είχε τύχει περίπτωση να είναι το περιεχόμενο μικρότερο από το viewport, μέχρι που ασχολήθηκα με τα μηνύματα λάθους που εμφανίζονται αν κάτι πάει στραβά. Ο σχεδιασμός που αποφάσισα ήταν τέτοιος, που τα περισσότερα οδηγούσαν το body να έχει μικρότερο ύψος από το viewport, ακόμα και στο laptop μου που έχει ανάλυση μόλις 1280×800. Το αποτέλεσμα ήταν να “κόβεται” απότομα το φόντο του body και να φαίνεται άσχημο.
Η πρώτη μου σκέψη ήταν να δώσω ένα height:100% σε html και body. Το αποτέλεσμα ήταν να φτιάξει μεν στις περιπτώσεις που το ύψος του περιεχομένου ήταν μικρότερο από το viewport και να χαλάσει στις υπόλοιπες (που αποτελούσαν και την πλειοψηφία). Η δεύτερη σκέψη μου ήταν να αλλάξω το height:100% με min-height:100%. Τίποτα, σαν να μην υπήρχε. Η τρίτη μου σκέψη ήταν να συμβουλευτώ τον παλιόφιλο γούγλη 
. Μετά από πολλαπλές αναζητήσεις κατέληξα ότι λύση δεν υπάρχει, τουλάχιστον χωρίς tables και χωρίς javascript, οπότε το πήρα απόφαση ότι θα χρειαζόταν να γράψω λίγη javascript για να λυθεί. Διαβάστε την συνέχεια του άρθρου »
Το παρόν πόστ δεν έχει τόσο ως σκοπό να βοηθήσει, αλλά να τα γράψω κάπου και να ξεσπάσω διότι πραγματικά έχω κουραστεί απίστευτα να βλέπω ξανά και ξανά τα ίδια λάθη/κακοτεχνίες στον κώδικα κυρίως των πολύ αρχάριων στο αντικείμενο (ή ενίοτε αρκετά “παλιών” που απλά έχουν συνηθίσει έτσι). Το χειρότερο είναι ότι από όσα πανεπιστήμια έχω εμπειρία, είτε προσωπική, είτε μέσω φίλων, η HTML που διδάσκουν σχεδόν πάντα πέφτει σε όλα τα παρακάτω ατοπήματα. Γιατί; Ο λόγος είναι απλός. Ακολουθούν την αρχή “ο,τι δουλεύει μην το πειράζεις”. Δεν έχει σημασία αν ο κώδικας είναι απαίσιος, και παρουσιάζει τα άπειρα λάθη στο validation, ή αν θυμίζει κώδικα ιστοσελίδας του 1996, αυτό που έχει σημασία για τους περισσότερους είναι ότι …δουλεύει όπως θέλουν. Ή έτσι νομίζουν. Διαβάστε την συνέχεια του άρθρου »
Πρόσφατα σχόλια