div και span
Όταν μαθαίνετε για πρώτη φορά τη διάταξη div+css, υπάρχει μεγάλη σύγχυση, στη διαδικασία χρήσης του div και του span δεν αισθάνεστε ότι υπάρχει ένα συγκεκριμένο "κεφάλαιο", αισθάνομαι ότι δεν υπάρχει μεγάλη διαφορά μεταξύ των δύο, στο W3C σχετικά με τον ορισμό του div και του span: το div ως δομή διαχωρισμένου εγγράφου το καθιστά φυσικά την πιο επίσημη σημασιολογία, αλλά μια τέτοια επίσημη σημασιολογία είναι πολύ συγκεχυμένη, και η μεγάλη δομή είναι επίσης
Εντάξει, αλλά εξακολουθεί να προκαλεί σύγχυση αν θα χρησιμοποιήσετε div ή span για μικρά μέρη. Στην πραγματικότητα, είναι ακριβώς η "Microsoft MSDN Library"
Ο ορισμός μέσα είναι ξαφνικά διαφωτιστικός.
div: Καθορίζει το κοντέινερ για την απόδοση HTML
span: Καθορίζει τον ενσωματωμένο περιέκτη κειμένου
Με απλούς όρους, το div θα πρέπει να χρησιμοποιείται εάν υπάρχουν άλλες ετικέτες σε αυτό και το span θα πρέπει να χρησιμοποιείται εάν υπάρχει μόνο κείμενο σε αυτό
Το div είναι ένα στοιχείο σε επίπεδο μπλοκ που παρέχει δομή και πλαίσιο για μεγάλα κομμάτια περιεχομένου μέσα σε ένα έγγραφο HTML
Το span είναι ένα ενσωματωμένο στοιχείο που ορίζει μια περιοχή μέσα σε μια γραμμή (δηλαδή μπορεί να χωριστεί σε πολλές περιοχές μέσα σε μια γραμμή<span>)
Η ετικέτα div μπορεί να ενσωματωθεί με μια ετικέτα span, (το div μπορεί να θεωρηθεί ως ένα μεγάλο δοχείο, το span είναι ένα μικρό δοχείο και ένα μεγάλο δοχείο μπορεί φυσικά να βάλει ένα μικρό δοχείο)
Εύρος και ετικέτα
Από την παραπάνω δήλωση σχετικά με το span, τότε μπορούμε να εκτελέσουμε μια λειτουργία span container στο κείμενο, μπορούμε να ορίσουμε στυλ CSS ή κάτι τέτοιο, αλλά και η ετικέτα φαίνεται να είναι μια χαρά; Ποια είναι όμως η διαφορά μεταξύ των δύο;
Η ετικέτα ετικέτας χρησιμοποιείται κυρίως για τη σύνδεση ενός στοιχείου φόρμας και όταν κάνετε κλικ στην ετικέτα ετικέτας, το δεσμευμένο στοιχείο φόρμας θα λάβει την εστίαση εισόδου
Το span είναι ένα είδος κοντέινερ για συνηθισμένο κείμενο.
|
Δημοσιεύτηκε στις 18/12/2014 1:33:30 μ.μ.
|
|
|
