HTML पृष्ठ में SVG

SVG फ़ाइल को HTML दस्तावेज़ में इम्बे करने के लिए निम्नलिखित टैगों का उपयोग किया जा सकता है: <embed>、<object> या <iframe>。

HTML पृष्ठ में SVG

अब, आपको तीन भिन्न तरीके से SVG फ़ाइल को HTML पृष्ठ में इम्बे करने को देखने आएगा。

यदि <embed> टैग का उपयोग करें

<embed> टैग सभी प्रमुख ब्राउज़रों द्वारा समर्थित किया जाता है और स्क्रिप्ट का उपयोग करने की अनुमति देता है。

टिप्पणी:जब HTML पृष्ठ में SVG को इम्बे रखा जाता है, तो <embed> टैग का उपयोग करना Adobe SVG Viewer द्वारा सिफारिश की गई विधि है! हालांकि, यदि आपको वैध XHTML बनाना है, तो <embed> का उपयोग नहीं कर सकते। किसी भी HTML नियम में <embed> टैग नहीं है。

व्याकरण:

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />

टिप्पणी:pluginspage गुण डाउनलोड करने के लिए URL को संकेत करता है。

यदि <object> टैग का उपयोग करें

<object> टैग HTML 4 का मानक टैग है, जिसे सभी नए ब्राउज़रों द्वारा समर्थित किया जाता है। इसकी दोष है कि यह स्क्रिप्ट का उपयोग नहीं कर सकता。

टिप्पणी:यदि आपने नवीनतम संस्करण का Adobe SVG Viewer स्थापित किया है, तो <object> टैग का उपयोग करते समय SVG फ़ाइल काम करेगी नहीं (कम से कम IE में नहीं)!

व्याकरण:

<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 कोड में जोड़ने के लिए यदि यह तो बहुत अच्छा होता, यह ऐसे है:

<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>