Το SVG ή το Scalable Vector Graphics σας επιτρέπουν να σχεδιάζετε πολύ πιο σύνθετες εικόνες και να τις αποδίδετε σε ιστοσελίδες. Αλλά δεν μπορείτε απλά να πάρετε τις ετικέτες SVG και να τους πιάσετε στο HTML σας. Δεν θα εμφανιστούν και η σελίδα σας θα είναι άκυρη. Αντ 'αυτού, πρέπει να χρησιμοποιήσετε μία από τις τρεις μεθόδους.
Χρησιμοποιήστε την ετικέτα αντικειμένου για να ενσωματώσετε το SVG
Η ετικέτα HTML θα ενσωματώσει ένα γραφικό SVG στην ιστοσελίδα σας. Μπορείτε να γράψετε την ετικέτα αντικειμένου με ένα χαρακτηριστικό δεδομένων για να καθορίσετε το αρχείο SVG που θέλετε να ανοίξετε. Θα πρέπει επίσης να συμπεριλάβετε τις ιδιότητες πλάτους και ύψους για να καθορίσετε το πλάτος και το ύψος της εικόνας SVG (σε εικονοστοιχεία).
Για συμβατότητα μεταξύ των προγραμμάτων περιήγησης, θα πρέπει να συμπεριλάβετε το χαρακτηριστικό τύπου, το οποίο θα πρέπει να διαβάσει:
type = "image / svg + xml"
και έναν κώδικα για προγράμματα περιήγησης που δεν την υποστηρίζουν (Internet Explorer 8 και κάτω). Ο κώδικας βάσης σας θα δείχνει ένα πρόσθετο SVG για προγράμματα περιήγησης που δεν υποστηρίζουν το SVG. Το πιο συνηθισμένο plugin είναι από την Adobe στη διεύθυνση http://www.adobe.com/svg/viewer/install/. Ωστόσο, αυτό το πρόσθετο δεν υποστηρίζεται πλέον από την Adobe. Μια άλλη επιλογή είναι το plugin Ssrc SVG από την Savarese Software Research στη διεύθυνση http://www.savarese.com/software/svgplugin/.