Τι είναι το HTML Float;

Μία από τις πιο συχνά χρησιμοποιούμενες ετικέτες σήμανσης HyperText (HTML) και ετικέτες με φύλλα στυλ (CSS) για τον έλεγχο της διάταξης μιας σελίδας είναι η ετικέτα float.Όταν μια ετικέτα CSS και HTML Float εφαρμόζεται σε ένα στοιχείο, το τμήμα της σελίδας επιπλέει είτε προς τα αριστερά είτε προς τα δεξιά.Προκαλεί επίσης άλλα στοιχεία, όπως το κείμενο, να ρέουν γύρω από αυτό.

Το HTML Float, το οποίο στην πραγματικότητα είναι μια ετικέτα CSS που εφαρμόζεται σε ένα στοιχείο HTML, είναι μια ιδιότητα που συχνά χρησιμοποιείται από σχεδιαστές ιστοσελίδων για να επιτύχει μια ποικιλία διαφορετικών σελίδωνδιατάξεις.Όταν μια ιδιότητα HTML float εφαρμόζεται σε ένα στοιχείο σε μια σελίδα, όπως μια εικόνα ή μέρος της δομής του χώρου, το στοιχείο αφαιρείται από την κανονική "ροή" της σελίδας και επιπλέει είτε προς τα αριστερά είτε προς τα δεξιά.Αυτό επιτρέπει στον σχεδιαστή ιστοσελίδων μεγαλύτερη έλεγχο όπου εμφανίζονται στοιχεία σε μια σελίδα.

Μία από τις πιο συνηθισμένες χρήσεις για την ετικέτα CSS και HTML Float είναι να μετακινήσετε μια εικόνα προς τα αριστερά ή δεξιά της σελίδας.Όταν μια εικόνα επιπλέει προς τα δεξιά, για παράδειγμα, μετακινείται στη δεξιά πλευρά του στοιχείου που περιέχει.Το κείμενο στη σελίδα αναδιπλώνεται επίσης γύρω από μια κυμαινόμενη εικόνα.

Υπάρχουν αρκετές ιδιότητες μιας ετικέτας πλωτήρα HTML που αλλάζει το αποτέλεσμα που έχει σε ένα στοιχείο HTML.Εκτός από την επίτευξη προς τα αριστερά ή προς τα δεξιά, για παράδειγμα, ο σχεδιαστής ιστοσελίδων μπορεί να καθορίσει την ετικέτα HTML Float ως "κληρονομιά".Αυτό σημαίνει ότι η ετικέτα κληρονομεί την ιδιότητα float του στοιχείου που περιέχει.Εάν, για παράδειγμα, μια εικόνα τοποθετείται μέσα σε ένα κουτί που επιπλέει στα αριστερά μιας σελίδας, τότε η ετικέτα κληρονομιάς προκαλεί επίσης την εικόνα της εικόνας.Η ετικέτα Float είναι η καθαρή ετικέτα.Αυτό ελέγχει πώς εμφανίζονται τα στοιχεία μετά από μια ετικέτα float.Εάν, για παράδειγμα, μια εικόνα επιπλέει προς τα αριστερά, αλλά το κείμενο κάτω από αυτό έχει μια σαφή ετικέτα που εφαρμόζεται σε αυτήν, τότε το κείμενο θα εμφανίζεται πάντα κάτω από την εικόνα και όχι δίπλα του.

Όταν η ετικέτα CSS και HTML Float ήταν η πρώτη.Εισήχθη, δεν υποστηρίχθηκε από όλα τα προγράμματα περιήγησης.Από το 2011, ωστόσο, όλα τα μεγάλα προγράμματα περιήγησης υποστηρίζουν την ετικέτα Float.Αυτό σημαίνει ότι ένας σχεδιαστής ιστοσελίδων μπορεί θεωρητικά να χρησιμοποιήσει την ετικέτα χωρίς να ανησυχεί για το αν θα προκαλέσει διαφορετική εμφάνιση ανάλογα με το πρόγραμμα περιήγησης από το οποίο ο χρήστης βλέπει τον ιστότοπο.