Des dossiers de SVG peuvent être enfoncés dans des documents de HTML avec l'utilisation de l'étiquette de <embed>, de l'étiquette de <object>, ou de l'étiquette de <iframe>.
Créer des dossiers de SVG en utilisant le HTML
Au-dessous de toi devrait voir trois méthodes différentes sur la façon dont enfoncer le dossier de SVG dans le HTML page.
Employer l'étiquette de <embed>
L'étiquette de <embed> est soutenue dans presque tous les navigateurs principaux, et laisse scripting.
Note : La visionneuse de l'adobe SVG recommande que vous employez l'étiquette d'ENFONCER en enfonçant SVG dans le HTML page ! Cependant, si vous voulez créer XHTML valide, vous ne pouvez pas employer le <embed> - l'étiquette de <embed> n'est énumérée dans aucune caractéristique de HTML
Note : L'attribut de pluginspage se dirige à un URL pour le plugin au téléchargement.
Bout : Appui d'Internet Explorer un attribut additionnel, wmode= " transparent ", qui a laissé le fond de HTML page briller à travers.
Employer l'étiquette de <object>
L'étiquette de <object> est une étiquette HTML4 standard et est soutenue dans tous les navigateurs. L'inconvénient est qu'il ne laisse pas scripting la langue.
Note : Si vous avez installé la dernière version de la visionneuse de l'adobe SVG, les dossiers de SVG ne fonctionneront pas quand en utilisant l'étiquette de <object>.
Ajoutant des éléments de SVG directement dans le code de HTML
Il serait grand si nous pourrions ajouter des éléments de SVG directement dans le dossier de HTML, seulement en se rapportant au namespace de SVG, comme ceci :
<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>
