Το χαρακτηριστικό height
Το χαρακτηριστικό height ορίζει το ύψος μιας εικόνας,
που έχει οριστεί με την ετικέτα
img.
Σήμερα, αυτό το χαρακτηριστικό επιτρέπεται να
χρησιμοποιείται μόνο για εικόνες,
iframe,
video
και μερικές άλλες ετικέτες.
Επιτρέπεται να ορίζονται τιμές σε pixels ή ποσοστά. Στην περίπτωση ορισμού μεγέθους σε ποσοστά, αυτό θα υπολογιστεί από το πλάτος του γονέα. Στην περίπτωση ορισμού μεγέθους σε pixels, οι μονάδες μέτρησης δεν αναγράφονται.
Αν για μια εικόνα δεν έχει οριστεί ούτε πλάτος, ούτε ύψος - η εικόνα θα έχει το πραγματικό της μέγεθος. Αν οριστεί ύψος - η εικόνα θα πάρει το καθορισμένο ύψος, και στο πλάτος θα προσαρμοστεί έτσι ώστε οι αναλογίες της να μην αλλοιωθούν. Αν οριστεί μόνο πλάτος - ομοίως, η εικόνα θα προσαρμοστεί στο ύψος για να διατηρηθούν οι αναλογίες. Αν οριστεί και πλάτος, και ύψος - οι αναλογίες της εικόνας μπορεί να αλλοιωθούν (ή και όχι, αν ταιριάζουν). Αν το πλάτος ή το ύψος (ή και τα δύο μαζί) είναι μεγαλύτερα από το πραγματικό - η εικόνα θα μεγεθυνθεί, αλλά θα χάσει σε ποιότητα.
Συνιστάται να ορίζεται πλάτος και ύψος στις εικόνες στα χαρακτηριστικά - σε αυτή την περίπτωση ο browser θα φορτώνει τις εικόνες πιο γρήγορα - δεν χρειάζεται να υπολογίζει το μέγεθος κάθε εικόνας αφού την λάβει.
Δεν συνιστάται να μειώνονται τα πραγματικά μεγέθη
μιας εικόνας χωρίς ανάγκη. Για παράδειγμα, το πραγματικό
μέγεθος μιας εικόνας είναι 1000 επί 1000
pixels, και εσείς της ορίζετε πλάτος 100px.
Σε αυτή την περίπτωση η εικόνα στην οθόνη θα εμφανίζεται
σε 100 pixels, αλλά θα έχει μέγεθος
όλων των χιλίων και, κατά συνέπεια, θα φορτώνεται
πολύ πιο αργά.
Παραδείγματα εργασίας δείτε εδώ:
η ετικέτα img.
