diff options
author | MDN <actions@users.noreply.github.com> | 2021-11-09 00:50:07 +0000 |
---|---|---|
committer | MDN <actions@users.noreply.github.com> | 2021-11-09 00:50:07 +0000 |
commit | 3c104650ad548685155f19a10c1c4ff62d42ff14 (patch) | |
tree | 6599bc80bc2f35ae2bf6c667631178f96e06aceb /files/fr/web/api/node/baseuri | |
parent | 79b6eaadb64131acffc0c6ceffacdc506ba28602 (diff) | |
download | translated-content-3c104650ad548685155f19a10c1c4ff62d42ff14.tar.gz translated-content-3c104650ad548685155f19a10c1c4ff62d42ff14.tar.bz2 translated-content-3c104650ad548685155f19a10c1c4ff62d42ff14.zip |
[CRON] sync translated content
Diffstat (limited to 'files/fr/web/api/node/baseuri')
-rw-r--r-- | files/fr/web/api/node/baseuri/index.html | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/files/fr/web/api/node/baseuri/index.html b/files/fr/web/api/node/baseuri/index.html new file mode 100644 index 0000000000..69f5b4e1e9 --- /dev/null +++ b/files/fr/web/api/node/baseuri/index.html @@ -0,0 +1,120 @@ +--- +title: xml:base +slug: Web/API/Node/baseURI +tags: + - Introduction + - SVG + - URL + - XML + - base +translation_of: Web/XML/xml:base +original_slug: Web/XML/xml:base +--- +<p>xml:base est comme <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/base">L'élément pour l'URL de base du document en HTML</a> mais peut spécifier l'URI de base par élément ainsi que pour le document entier.</p> + +<p>L'URL de base d'un élément peut être interrogé à partir d'un script en utilisant <a href="https://developer.mozilla.org/fr/docs/Web/API/Node/baseURI">Node.baseURI</a>.</p> + +<blockquote> +<p><a id="granularity" name="granularity">L'URI de base d'un élément est :</a></p> + +<ol> + <li> + <p><a id="granularity" name="granularity">l'URI de base spécifiée par un attribut <code>xml:base</code> sur l'élément, s'il en existe un, sinon</a></p> + </li> + <li> + <p><a id="granularity" name="granularity">l'URI de base de l'élément du parent contenu dans l'entité du document ou une entité externe, s'il en existe, sinon</a></p> + </li> + <li> + <p><a id="granularity" name="granularity">l'URI de base de l'entité du document ou d'une entité externe contenant l'élément.</a></p> + </li> +</ol> +</blockquote> + +<p>Malheureusement, la prise en charge du clignotement a été supprimée (Chrome et Opera) en 2015.</p> + +<ol> + <li>https://bugs.chromium.org/p/chromium/issues/detail?id=341854</li> + <li>https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/ZvArHAXyAHM</li> +</ol> + +<h2 id="Cas_d'utilisation">Cas d'utilisation</h2> + +<p>Si vous avez un SVG en ligne, vous utilisez des icônes qui doivent fonctionner dans un document avec un <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/base">HTML BaseElement</a> , vous pouvez réinitialiser l'URI sur votre "sprite" d'icône en réglant le xml:base.</p> + +<p> </p> + +<pre class="brush: html"><code><html> + <head> + <base href="https://mydomain.com"> + <style> + .link { stroke: #999; stroke-opacity: .6; } + marker#arrow { fill: black; } + </style> +</head> +<body> + <svg width="100%" height="100%" xml:base=""> + <defs> + <marker id="arrow" viewBox="0 -5 10 10" refX="0" refY="0" markerWidth="20" markerHeight="20" orient="auto"> + <path d="M0,-5L10,0L0,5"></path> + </marker> + </defs> + <line x1="100" y1="100" x2="333" y2="333" marker-start="url(#arrow)" class="link"></line> + </svg> +</body> +</html></code></pre> + +<p> </p> + +<p>Imaginez un SVG avec des références de polices de caractères. Par exemple :</p> + +<pre class="brush: xml"><svg xml:base="https://foobar.s3-eu-west-1.amazonaws.com/uploads/15066845653629" + width="909" height="1286" viewBox="0 0 909 1286"xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> +<defs> +<style type="text/css"><![CDATA[ + +.s9_999{ +font-size: 9.17px; +font-family: ZapfDingbats_ghr; +fill: #161615; +} +]]></style> + + <text + x="647" + y="412" + dx="0" + class="s9_999" + >r</text> + +<style type="text/css" ><![CDATA[ + +@font-face { + font-family: ZapfDingbats_ghr; + src: url("fonts/ZapfDingbats_ghr.woff") format("woff"); +} + +]]></style> + +</svg> +</pre> + +<p>La définition du xml:base sur l'élément SVG signifie que vous pouvez intégrer le SVG et ainsi contourner le problème CORS sans modifier l'URI de base pour l'ensemble de votre document..</p> + +<p> </p> + +<h2 id="Specification" name="Specification">Les solutions de contournement</h2> + +<ul> + <li><a href="https://developer.mozilla.org/fr/docs/Archive/Add-ons/Code_snippets/XML/base_function">prise en charge de xml:base dans les anciens navigateurs</a></li> + <li><a href="https://gist.github.com/leonderijke/c5cf7c5b2e424c0061d2">https://gist.github.com/leonderijke/c5cf7c5b2e424c0061d2</a></li> +</ul> + +<h2 id="Specification" name="Specification">Spécification</h2> + +<ul> + <li>{{spec("https://www.w3.org/TR/xmlbase/", "XML Base (Second Edition)","REC")}}</li> +</ul> + +<p> </p> + +<p> </p> |