SVG hoặc Scalable Vector Graphics cho phép bạn vẽ nhiều hình ảnh phức tạp hơn và hiển thị chúng trên các trang web. Nhưng bạn không thể đơn giản lấy thẻ SVG và tát chúng vào HTML của bạn. Chúng sẽ không hiển thị và trang của bạn sẽ không hợp lệ. Thay vào đó, bạn phải sử dụng một trong ba phương pháp.
Sử dụng Thẻ đối tượng để nhúng SVG
Thẻ HTML sẽ nhúng hình ảnh SVG vào trang web của bạn. Bạn viết thẻ đối tượng với một thuộc tính dữ liệu để xác định tệp SVG mà bạn muốn mở. Bạn cũng nên bao gồm các thuộc tính chiều rộng và chiều cao để xác định chiều rộng và chiều cao của hình ảnh SVG của bạn (tính bằng pixel).
Đối với khả năng tương thích giữa các trình duyệt, bạn nên bao gồm thuộc tính type, nên đọc:
loại = "hình ảnh / svg + xml"
và một codebase cho các trình duyệt không hỗ trợ nó (Internet Explorer 8 trở xuống). Codebase của bạn sẽ trỏ tới một plugin SVG cho các trình duyệt không hỗ trợ SVG. Plugin được sử dụng phổ biến nhất là từ Adobe tại http://www.adobe.com/svg/viewer/install/. Tuy nhiên, plugin này không còn được Adobe hỗ trợ. Một tùy chọn khác là plugin SVS Ssrc từ Savarese Software Research tại http://www.savarese.com/software/svgplugin/.