Skip to main content

Τι είναι τα γραφικά HTML;

Στη γλώσσα σήμανσης HyperText (HTML), υπάρχουν διάφοροι τρόποι εμφάνισης και δημιουργίας γραφικών σε ένα έγγραφο HTML.Ο πιο ευρέως χρησιμοποιούμενος τύπος γραφικών HTML είναι εικόνες που τοποθετούνται απευθείας στη σελίδα HTML, που ονομάζονται inline εικόνες, αν και υπάρχουν και άλλες μεθόδους mdash;όπως χρησιμοποιώντας μια γλώσσα scripting ή μια εφαρμογή web web mdash;Αυτό μπορεί να χρησιμοποιηθεί για την επίτευξη των ίδιων αποτελεσμάτων.Για δυναμικά παραγόμενα γραφικά για γραφήματα ή γραφήματα, μπορούν να χρησιμοποιηθούν κλιμακωτά γραφικά φορέα (SVG).Υπάρχουν επίσης μερικά βασικά γραφικά HTML που υποστηρίζονται από τις προδιαγραφές γλώσσας και δεν απαιτούν εξωτερικά αρχεία όπως οριζόντιες γραμμές και σφαίρες σε μια λίστα.Τα πιο πολύπλοκα γραφικά HTML μπορούν να επιτευχθούν με τη χρήση μιας γλώσσας scripting, των φύλλων στυλ (CSS) και του στοιχείου καμβά HTML, δίνοντας μια εγγενή επιλογή για ορισμένα αποτελέσματα που προηγουμένως ήταν δυνατά μόνο μέσω εξωτερικών αντικειμένων και προσθηκών.Μακριά, τα γραφικά HTML είναι τα πιο χρησιμοποιούμενα και ο απλούστερος τρόπος για να τοποθετήσετε μια εικόνα σε ένα έγγραφο HTML.Αυτό βασικά περιλαμβάνει τη δημιουργία μιας εικόνας σε έναν επεξεργαστή εικόνων, την αποθήκευση του σε μια συνήθως χρησιμοποιούμενη μορφή αρχείου και στη συνέχεια τον προσδιορισμό του ονόματος και της θέσης του αρχείου εικόνας στο έγγραφο HTML με την ετικέτα IMG.Εκτός από την απλότητα της ενσωμάτωσης ενός εγγράφου σε ένα έγγραφο, ο κινητήρας απόδοσης στα περισσότερα προγράμματα περιήγησης ιστού μπορεί εύκολα να τοποθετήσει το γραφικό σε πιο σύνθετες διατάξεις σελίδων χωρίς αντικείμενα μορφοποίησης.Μια επιπλοκή που μπορεί να συμβεί με μια inline εικόνα είναι ότι το μέγεθος της εικόνας μπορεί να χρειαστεί να κλιμακωθεί για να ταιριάζει σε εξαιρετικά μεγάλες ή μικρές οθόνες όταν προβλέπεται, ενδεχομένως μείωση της ποιότητας της εικόνας.γραφικά.Μια εικόνα SVG σχεδιάζεται με τον ορισμό των σχημάτων, των διαδρομών και των βαρών γραμμής και τραβάει τη μύγα καθώς ο χρήστης βλέπει το έγγραφο.Αυτό καθιστά την SVG μια καλή επιλογή για την εμφάνιση δυναμικών δεδομένων, όπως γραφήματα ή γραφήματα, αλλά τους καθιστά πολύ ανέφικτη τη χρήση για άλλους τύπους γραφικών, όπως η κατασκευή φωτορεαλιστικών εικόνων.Για απλά γραφικά HTML και σε καταστάσεις στις οποίες δεν μπορεί να φορτωθεί ένα εξωτερικό αρχείο εικόνας, το SVG μπορεί να είναι μια βιώσιμη επιλογή.Βασική γλώσσα HTML.Αυτό γίνεται με το να τραβήξει απευθείας σε μια ειδική επιφάνεια γνωστή ως καμβά σε ένα έγγραφο HTML.Χρησιμοποιώντας JavaScript Reg.και CSS, αυτή η μέθοδος μπορεί να δημιουργήσει κινούμενα σχέδια ή παιχνίδια που μπορούν να ανταποκριθούν στην είσοδο του χρήστη ή να ρυθμίσουν τα γραφικά ανάλογα με τις ρυθμίσεις του προγράμματος περιήγησης ιστού ή άλλων δεδομένων.Η δημιουργία ενός γραφικού HTML5, ωστόσο, μπορεί να είναι μια πολύπλοκη διαδικασία που θα μπορούσε να οδηγήσει σε μακρά μπλοκ κώδικα scripting που μπορεί να εκτελεστεί πολύ αργά σε ορισμένους υπολογιστές ή συσκευές.