SVG/SVG HTML გვერდებში
<EMBED> ტეგის გამოყენება
რედაქტირება<embed> ტეგი უზრუნველყოფილია ყველა დიდი ბრაუზერის მიერ.
შენიშვნა : Adobe SVG Viewer იძლევა რეკომენდაციას იმის შესახებ, რომ EMBED ტეგი გამოიყენოთ, მაშინ, როცა SVG-ს ამაგრებთ HTML-ში. თუ გსურთ შექმნათ სწორი XHTML, თქვენ ვერ გამოიყენებთ <embed> ტეგს - <embed> ტეგი არ არის HTML-ის სპეციფიკაციების სიაში შეტანილი.
<embed src="rect.svg" width="300" height="100" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />
შენიშვნა : pluginspage ატრიბუტი მიმართავს URL-ს პლაგინის გადმოსაწერად.
წვრილმანი : ინტერნეტ ექსპლორერი უზრუნველყოფს დამატებით ატრიბუტს, wmode="transparent", რომელიც HTML გვერდის ფონს ქმნის სრულიად კაშკაშას.
<OBJECT> ტეგის გამოყენება
რედაქტირება<object> ტეგი არის HTML-ის სტანდარტული ტეგი და ის უზრუნველყოფილია ყველა ახალი ბრაუზერის მიერ. არახელსაყრელია ის, რომ ეს ტეგი არ უშვებს სკრიფტინგს.
შენიშვნა : თუ თქვენ დაყენებული გაქვთ Adobe SVG Viewer-ის ბოლო ვერსია, SVG ფაილები არ იმუშავებენ <object> ტეგის გამოყენების შემთხვევაში.
<object data="rect.svg" width="300" height="100" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/install/" />
შენიშვნა : codebase ატრიბუტი მიმართავს URL-ს პლაგინის გადმოსაწერად.
<IFRAME> ტეგის გამოყენება
რედაქტირება<iframe> ტეგი მუშაობს თითქმის ყველა ბრაუზერში.
<iframe src="rect.svg" width="300" height="100"> </iframe>
ვისურვებდი...
რედაქტირებავისურვედი SVG ელემენტების პირდაპირ HTML კოდში ჩამატებას, მხოლოდ SVG-ს სახელის ზომის მიმართვისგან, ამის მსგავსად :
<html xmlns:svg="http://www.w3.org/2000/svg"> <body> <p>This is an HTML paragraph</p> <svg:svg width="300" height="100" version="1.1" > <svg:circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /> </svg:svg> </body> </html>