Τι είναι μια inline εικόνα;

Μια inline εικόνα είναι μια γραφική εικόνα που εισάγεται σε μια ιστοσελίδα για να προσθέσετε οπτική έκκληση, να παρέχετε πληροφορίες ή να αντιπροσωπεύετε μια υπερσύνδεση.Οι inline εικόνες είναι συνήθως σε μορφές GIF, JPEG ή PNG.Ενσωματώνονται σε μια ιστοσελίδα χρησιμοποιώντας το σχήμα URI δεδομένων.

Τα URIs Data επιτρέπουν την ενσωμάτωση δεδομένων μικρού μεγέθους που μπορούν να ανακτηθούν άμεσα από το πρόγραμμα περιήγησης.Οι inline εικόνες ανακτώνται από το πρόγραμμα περιήγησης μαζί με το HTML και εμφανίζονται ως μέρος του εγγράφου Web.Για να μπορέσει το πρόγραμμα περιήγησης να είναι σε θέση να ανακτήσει και να εμφανίζει τις εικόνες χωρίς πολύ χρόνο και προβλήματα, συνιστάται να χρησιμοποιείτε εικόνες μικρού μεγέθους.

Μεγαλύτερες εικόνες θα επιβραδύνουν τον χρόνο φόρτωσης και θα προκαλέσουν την εμφάνιση του ιστότοπου στην οθόνη.Οι περισσότεροι επισκέπτες στο διαδίκτυο δεν έχουν την υπομονή να κρεμάσουν γύρω για να το δουν να συμβεί.Αυτό θα επηρεάσει δυσμενώς την κυκλοφορία του ιστότοπου.

Οι εικόνες HTML inline προέρχονται από τον διακομιστή του ιστότοπου στον οποίο πρόκειται να εμφανιστούν ή να συμπεριληφθούν από άλλους εξωτερικούς διακομιστές.Η χρήση εικόνων inline από εξωτερικές πηγές είναι θέμα διαμάχης, καθώς αυτό μπορεί να γίνει χωρίς άδεια.Η ετικέτα IMG χρησιμοποιείται για την εισαγωγή εικόνων inline σε παραγράφους και επικεφαλίδες στην ιστοσελίδα.Η ετικέτα IMG δεν μπορεί να χρησιμοποιηθεί σε μια μορφή ελεύθερης ροής.Πρέπει να περικλείεται μέσα σε ένα άλλο στοιχείο.

Το απαιτούμενο χαρακτηριστικό της ετικέτας IMG είναι το χαρακτηριστικό SRC.Το χαρακτηριστικό SRC καθορίζει τη διεύθυνση ιστού ή τη διεύθυνση URL από την οποία το πρόγραμμα περιήγησης μπορεί να ανακτήσει το αρχείο εικόνας.Εκτός από το χαρακτηριστικό SRC, οι εικόνες HTML Inline μπορούν να οριστούν από τρία προαιρετικά χαρακτηριστικά.Αυτά είναι alt, align και ismap.

Το χαρακτηριστικό alt παρέχει μια εναλλακτική λύση κειμένου inline.Έτσι, σε περίπτωση που το πρόγραμμα περιήγησης των θεατών δεν υποστηρίζει γραφικά, ο θεατής θα δει το κείμενο στη θέση της εικόνας.Η χρήση του χαρακτηριστικού ALT συνιστάται ιδιαίτερα.

Η τιμή χαρακτηριστικού ALT μπορεί να είναι μια κενή συμβολοσειρά.Για παράδειγμα, εάν υπάρχει διακοσμητική εικόνα, δεν είναι απαραίτητο να παρέχετε εναλλακτικό κείμενο για αυτό.Επομένως, η τιμή χαρακτηριστικού ALT μπορεί να παραμείνει κενή.

Το στυλ inline εικόνας μπορεί να ρυθμιστεί με το χαρακτηριστικό ευθυγράμμισης.Το χαρακτηριστικό ευθυγράμμισης λέει στο πρόγραμμα περιήγησης όπου η εικόνα inline πρέπει να εμφανίζεται σε σχέση με το κείμενο στην ιστοσελίδα.Η inline εικόνα μπορεί να ευθυγραμμιστεί με την κορυφή, το μεσαίο ή το κάτω μέρος του παρακείμενου κειμένου στην ιστοσελίδα.Αυτό σημαίνει ότι μπορούν να γίνουν διάφορα μέρη της εικόνας για την παραγωγή διαφορετικών ενεργειών όποτε κάποιος κάνει κλικ στα διάφορα μέρη.Για παράδειγμα, εάν υπάρχει μια ενσωματωμένη εικόνα που δείχνει τη Γη και τον Κρόλο, κάνοντας κλικ στη Γη μπορεί να οδηγήσει σε πληροφορίες σχετικά με τη Γη και να κάνετε κλικ στον Κρόνο μπορεί να οδηγήσει σε πληροφορίες σχετικά με τον Κρόνο.Απλή συμπερίληψη στην ετικέτα IMG.Απαιτεί κάποια διαμόρφωση στον διακομιστή.Μπορεί επίσης να απαιτείται κάποια γνώση προγραμματισμού.