diff options
Diffstat (limited to 'files/ca/web/html/element/link/index.html')
| -rw-r--r-- | files/ca/web/html/element/link/index.html | 428 |
1 files changed, 428 insertions, 0 deletions
diff --git a/files/ca/web/html/element/link/index.html b/files/ca/web/html/element/link/index.html new file mode 100644 index 0000000000..abadadd86c --- /dev/null +++ b/files/ca/web/html/element/link/index.html @@ -0,0 +1,428 @@ +--- +title: <link> +slug: Web/HTML/Element/link +tags: + - Element + - HTML + - HTML document metadata + - Reference + - Web + - metadata +translation_of: Web/HTML/Element/link +--- +<p id="Summary">{{HTMLRef}}</p> + +<p>L'<strong>element HTML <code><link></code></strong> especifica les relacions entre el document actual i un recurs extern. Els possibles usos d'aquest element inclouen la definició d'un marc relacional per a la navegació. Aquest element és el més utilitzat per vincular els fulls d'estil.</p> + +<div class="note"> +<p>El {{htmlattrxref ("rel", "link")}} es pot establir a una gran quantitat de diferents valors. S'enumeren en una pàgina separada.</p> +</div> + +<table class="properties"> + <tbody> + <tr> + <th><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</a></th> + <td>Contingut metadata. Si {{htmlattrxref("itemprop", "link")}} està present: <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a> i <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a></td> + </tr> + <tr> + <th>Contingut permès</th> + <td>Cap, és un {{Glossary("empty element")}}.</td> + </tr> + <tr> + <th>Omissió de l'etiqueta</th> + <td><span id="result_box" lang="ca"><span>Ja</span> <span>que és un</span> <span>element</span> <span>buit,</span> <span>l'etiqueta</span> <span>d'inici</span> <span>ha d'estar present</span> <span>i</span> <span>l'etiqueta</span> <span>final</span> <span>no ha d'estar</span> <span>present</span></span></td> + </tr> + <tr> + <th>Elements pares permesos</th> + <td>Qualsevol element que accepti elements metadata. Si {{htmlattrxref("itemprop", "link")}} està present: qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td> + </tr> + <tr> + <th>Interfície DOM</th> + <td>{{domxref("HTMLLinkElement")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Atributs">Atributs</h2> + +<p>Aquest element inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs global</a>.</p> + +<dl> + <dt>{{htmlattrdef("charset")}}{{obsolete_inline}}</dt> + <dd>Aquest atribut defineix la codificació de caràcters del recurs vinculat. El valor és una llista d'espai i/o separada per comes dels jocs de caràcters tal com es defineix en el {{rfc(2045)}}. El valor per defecte és <code>ISO-8859-1</code>. + <div class="note"><strong>Nota d'ùs:</strong> <span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>és</span> <span>obsolet</span> <span>i no</span> <span>ha de ser utilitzat</span> <span>pels autors.</span> <span>Per aconseguir el seu</span> <span>efecte</span><span>, utilitzar</span> <span>la capçalera</span> <span>HTTP</span> <span>Content</span><span>-</span><span>Type</span> <span>en el recurs</span> <span>vinculat</span><span>.</span></span></div> + </dd> + <dt>{{htmlattrdef("crossorigin")}}</dt> + <dd>Aquest atribut enumerat indica si CORS s'ha d'utilitzar en recuperar la imatge relacionada. Les <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_Enabled_Image">imatges habilitades per CORS</a> poden ser reutilitzades en l'element {{HTMLElement("canvas")}} sense ser contaminades. Els valors permesos són: + <dl> + <dt><code>"anonymous"</code></dt> + <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin</code>: capçalera HTTP) es porta a terme. Però no s'envia credencials (és a dir, no hi ha cap galeta, no hi ha cap certificat X.509 i no s'envia l'autenticació HTTP bàsica). Si el servidor no dóna credencials al lloc d'origen (si no s'estableix <code>Access-Control-Allow-Origin</code> : capçalera HTTP) la imatge serà <em>contaminada</em> i el seu ús restringit.</dd> + <dt><code>"use-credentials"</code></dt> + <dd>Una sol·licitud d'origen creuat (és a dir, amb <code>Origin</code>: capçalera HTTP) es realitza amb la credencial enviada (és a dir, una galeta, un certificat i es porta a terme l'autenticacióHTTP bàsica). Si el servidor no dóna credencials al lloc d'origen (a través <code>Access-Control-Allow-Credencials</code>: capçalera HTTP), la imatge serà <em>contaminada</em> i el seu ús restringit.</dd> + </dl> + Quan no està present, el recurs es recupera sense una sol·licitud CORS (és a dir, sense necessitat d'enviar l'<code>Origin</code>: capçalera HTTP), impedint la seva contaminació utilitzada en els elements {{HTMLElement('canvas')}} . Si no és vàlid, es maneja com si s'usés la paraula clau enumerada <strong>anonymous</strong>. Consulteu els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes">atributs de configuració de CORS</a> per obtenir informació addicional.</dd> + <dt>{{htmlattrdef("disabled")}} {{Non-standard_inline}}</dt> + <dd>Aquest atribut s'utilitza per deshabilitar una relació d'enllaços. En conjunció amb scripts, aquest atribut podria ser utilitzat per activar i desactivar diverses relacions de fulles d'estil. + <div class="note"> + <p><strong>Nota: </strong>Si bé no hi ha cap atribut <code>disabled</code> en l'estàndard HTML, <strong>hi ha</strong> un atribut <code>disabled</code> en l'objecte DOM <code>HTMLLinkElement</code> .</p> + + <p>L'ús de <code>disabled</code> com un atribut HTML no és estàndard i només és utilitzat per alguns navegadors (<a href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27677">W3 #27677</a>). <strong>No ho feu servir</strong>. Per aconseguir un efecte similar, utilitzeu una de les següents tècniques:</p> + + <ul> + <li>Si l'atribut <code>disabled</code> s'ha afegit directament a l'element de la pàgina, no no inclogueu l'element {{HTMLElement ("link")}} en el seu lloc;</li> + <li>Establir la <strong>propietat</strong> <code>disabled</code> de l'objecte DOM <code>stylesheet</code> a través de scripts.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("href")}}</dt> + <dd>Aquest atribut especifica el {{glossary("URL")}} del recurs vinculat. Un URL pot ser absoluta o relativa.</dd> + <dt>{{htmlattrdef("hreflang")}}</dt> + <dd>Aquest atribut indica l'idioma del recurs vinculat. És merament consultiu. Els valors permesos són determinats per <a href="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>. Utilitzeu aquest atribut només si el atribut {{htmlattrxref ("href", "a")}} és present.</dd> + <dt>{{htmlattrdef("integrity")}} {{experimental_inline}}</dt> + <dd>Conté metadades en línia, un hash criptogràfic codificat en base 64 d'un recurs (file) que li diu al navegador que ho ha d'obtenir, per a què un agent d'usuari el pugui utilitzar per verificar que el recurs obtingut ha estat entregat lliure de manipulacións inesperades. Veure <a href="https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity">Integritat de Sub-recursos</a>.</dd> + <dt>{{htmlattrdef("media")}}</dt> + <dd>Aquest atribut especifica els mitjans als quals s'aplica el recurs vinculat. El seu valor ha de ser una <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">consulta de mitjans</a>. Aquest atribut és útil principalment quan s'enllaça a fulls d'estil externs en permetre que l'agent d'usuari triï el millor adaptat per al dispositiu en el qual s'executa. + <div class="note"><strong>Nota d'ù: </strong> + <ul> + <li>En HTML 4, això només pot ser una simple llista separada per espais en blanc de la descripció de mitjans literals, és a dir, <a href="https://developer.mozilla.org/en-US/docs/CSS/@media">els tipus de mitjans i grups</a>, on es defineixen i permeten valors per a aquest atribut, com ara print, screen, aural, braille. HTML5 va estendre això a qualsevol tipus de <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">consultes de mitjans (media queries)</a>, que són un superconjunto dels valors permesos d'HTML 4.</li> + <li>Els navegadors que no suporten el <a href="https://developer.mozilla.org/en-US/docs/CSS/Media_queries">Consultes de mitjans (Media Queries) CSS3</a> no reconeixeran necessàriament l'enllaç adequat; No oblidi establir enllaços alternatius, el conjunt restringit de consultes de mitjans definides en HTML 4.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("methods")}} {{Non-standard_inline}}</dt> + <dd>El valor d'aquest atribut proporciona informació sobre les funcions que poden ser realitzades en un objecte. Els valors es donen generalment pel protocol HTTP quan s'utilitza, però podria (per les mateixes raons que l'atribut title) ser útil incloure informació d'assessorament per avançat a l'enllaç. Per exemple, el navegador pot triar un altre tipus de processament d'un enllaç en funció dels mètodes especificats; alguna cosa que sigui consultable podria obtenir una icona diferent, o un enllaç extern podria representar-se amb una indicació d'abandonar el lloc actual. Aquest atribut no és ben comprès ni recolzat, fins i tot per la definició del navegador, Internet Explorer 4. Vegeu els mètodes de la propietat (MSDN).</dd> + <dt>{{htmlattrdef("referrerpolicy")}} {{experimental_inline}}</dt> + <dd>Una cadena que indica quina referència utilitzar en recuperar el recurs:: + <ul> + <li><code>'no-referrer'</code> significa que no s'enviarà la capçalera {{HTTPHeader("Referer")}}.</li> + <li><code>'no-referrer-when-downgrade'</code> significa que la capçalera {{HTTPHeader ("Referer")}} serà enviada al navegar a un origen sense TLS (HTTPS). Aquest és el comportament per defecte d'un agent d'usuari, Si no s'especifica una altra política.</li> + <li><code>'origin'</code> significa que la referència serà l'origen de la pàgina, que és més o menys l'esquema, el host i el port.</li> + <li><code>'origin-when-cross-origin'</code> significa que la navegació a altres orígens estarà limitada a l'esquema, el host i el port, mentre que navegar en el mateix origen inclourà el camí de la referència. </li> + <li><code>'unsafe-url'</code> significa que l'URL de referència inclourà l'origen i la ruta d'accés (però no el fragment, la contrasenya o nom d'usuari). Aquest cas no és segur, ja que pot filtrar-se orígens i trajectòries dels recursos protegits-TLS a orígens insegurs.</li> + </ul> + </dd> + <dt>{{htmlattrdef("rel")}}</dt> + <dd><span id="result_box" lang="ca"><span>Aquest</span> <span>atribut</span> <span>nomena una</span> <span>relació del</span> <span>document</span> <span>vinculat al</span> <span>document actual.</span> <span>L'atribut</span> <span>ha de ser una</span> <span>llista</span> <span>separada per</span> <span>espais dels</span> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaços.</a> <span>L'ús més</span> <span>comú d'aquest</span> <span>atribut</span> <span>és especificar</span> <span>un enllaç</span> <span>a un full</span> <span>d'estils extern</span><span>:</span> <span>l'atribut</span> <span>rel</span> <span>s'estableix</span> <span>en fulls</span> <span>d'estil,</span> <span>i</span> <span>l'atribut</span> <span>href</span> <span>s'estableix</span> <span>en l'adreça URL</span> <span>d'un full</span> <span>d'estils extern</span> <span>per</span> <span>donar format a</span> <span>la pàgina.</span> <span>WebTV</span> <span>també</span> <span>és compatible</span> <span>amb</span> <span>l'ús del valor</span> <span>pròxim</span> <span>a rel</span> <span>per</span> <span>carregar prèviament</span> <span>la pàgina</span> <span>següent</span> <span>en una sèrie</span> <span>de documents.</span></span></dd> + <dt>{{htmlattrdef("rev")}}{{obsolete_inline}}</dt> + <dd>El valor d'aquest atribut mostra la relació del document actual en el document vinculat, definit per l'atribut {{htmlattrxref ("href", "link")}} . Així doncs, l'atribut defineix la relació inversa en comparació amb el valor de l'atribut rel. <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">Els valors dels tipus d'enllaç</a> per a l'atribut són similars als possibles valors per {{htmlattrxref ("rel", "link")}}. + <div class="note"><strong>Nota d'ùs: </strong>Aquest atribut és obsolet en HTML5. <strong>No ho feu servir</strong>. Per aconseguir el seu efecte, utilitzar l'atribut {{htmlattrxref ("rel", "link")}} amb els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors dels tipus d'enllaç</a> oposats, per exemple, <code>made</code> ha de ser reemplaçat per <code>author</code>. També aquest atribut no vol dir <em>revisió</em> i no ha de ser utilitzat amb un nombre de versió, que és per desgràcia el cas en nombrosos llocs.</div> + </dd> + <dt>{{htmlattrdef("sizes")}}</dt> + <dd>Aquest atribut defineix la mida de les icones per els mitjans visuals continguts en el recurs. Ha d'estar present només si el {{htmlattrxref ("rel", "link")}} conté el <code>icon</code> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valor de tipus d'enllaç</a>. Pot tenir els següents valors: + <ul> + <li>qualsevol, el que significa que la icona es pot escalar a qualsevol mida, ja que està en un format vectorial, com <code>image/svg+xml</code>.</li> + <li>una llista de mides separades amb espais en blanc, cadascun amb el format <span style="font-family: courier new;"><em><width in pixels></em>x<em><height in pixels></em></span> o <span style="font-family: courier new;"><em><width in pixels></em>X<em><height in pixels></em></span>. Cadascun d'aquestes mides han d'estar contingudes en el recurs</li> + </ul> + + <div class="note"><strong>Nota d'ùs: </strong> + + <ul> + <li>La majoria de format d'icones només són capaços d'emmagatzemar un sol icona; Per tant, la majoria de les vegades el {{htmlattrxref("sizes")}} conté una sola entrada. El format ICO de MS, així com ICNS d'Apple. Sent ICO el més estès, és el que teniu què utilitzar.</li> + <li>El Apple's iOS no admet aquest atribut, per tant, Apple's iPhone i iPad utilitzen <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types">valors de tipus d'enllaç</a> especials i no estàndard per definir la icona que s'utilitzarà com a element de clip Web o d'inici: <span style="font-family: courier new;">apple-touch-icon</span> and <span style="font-family: courier new;">apple-touch-startup-icon</span>.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("target")}}{{Non-standard_inline}}</dt> + <dd>Defineix el nom de marc o finestra que té la relació d'enllaç definida o que mostrarà la representació de qualsevol recurs vinculat.</dd> + <dt>{{htmlattrdef("title")}}</dt> + <dd>L'atribut <code>title</code> té una semàntica especial en l'element <code><link></code>. Quan s'utilitza en un <code><link rel="stylesheet"></code> defineix una <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">fulla d'estil preferida o alternativa</a>. Si ho utilitza incorrectament, pot fer que <a href="https://developer.mozilla.org/en-US/docs/Correctly_Using_Titles_With_External_Stylesheets">s'ignori la fulla d'estils.</a></dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>Aquest atribut s'utilitza per definir el tipus de contingut vinculat. El valor de l'atribut ha de ser un tipus MIME com ara <strong>text/html</strong>, <strong>text/css</strong>, i així successivament. L'ús comú d'aquest atribut és definir el tipus de fulla d'estils vinculada i el valor actual més comú és <strong>text/css</strong>, el que indica un format de full d'estil en cascada.</dd> +</dl> + +<h2 id="Exemples">Exemples</h2> + +<h3 id="Inclusió_d'un_full_d'estil">I<span class="short_text" id="result_box" lang="ca"><span>nclusió</span> <span>d'un full</span> <span>d'estil</span></span></h3> + +<p>Per incloure un full d'estil en una pàgina, utilitzeu la següent sintaxi:</p> + +<pre class="brush: html"><link href="style.css" rel="stylesheet"> +</pre> + +<h3 id="Proporcionar_fulls_d'estil_alternatius"><span class="short_text" id="result_box" lang="ca"><span>Proporcionar</span> <span>fulls</span> <span>d'estil</span> <span>alternatius</span></span></h3> + +<p><span id="result_box" lang="ca"><span>També podeu especificar</span> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Alternative_style_sheets">fulls d'estil alternatius</a></span>.</p> + +<p>L'usuari pot triar la fulla d'estil que desitja usar seleccionant-la en el menú Veure>Estil de pàgina. Això proporciona un mètode perquè els usuaris puguin veure diverses versions d'una pàgina.</p> + +<pre class="brush: html"><link href="default.css" rel="stylesheet" title="Default Style"> +<link href="fancy.css" rel="alternate stylesheet" title="Fancy"> +<link href="basic.css" rel="alternate stylesheet" title="Basic"> +</pre> + +<h3 id="Esdeveniments_de_càrrega_de_fulls_d'estil"><span class="short_text" id="result_box" lang="ca"><span>Esdeveniments de</span> <span>càrrega</span> <span>de fulls</span> <span>d'estil</span></span></h3> + +<p>Es pot determinar quan un s'ha carregat un full d'estil en observar el disparo d'un esdeveniment <code>load</code>; De la mateixa manera, es pot detectar si s'ha produït un error en processar un full d'estil en observar un esdeveniment <code>error</code>:</p> + +<p> + </p><pre class="brush: html"><script> +function sheetLoaded() { + // Do something interesting; the sheet has been loaded +} + +function sheetError() { + alert("An error occurred loading the stylesheet!"); +} +</script> + +<link rel="stylesheet" href="mystylesheet.css" onload="sheetLoaded()" onerror="sheetError()"> +</pre> +<p></p> + +<div class="note"><strong>Nota:</strong> L'esdeveniment <code>load</code> es desencadena una vegada que el full d'estil i tot el seu contingut importat ha estat carregat i analitzat, i immediatament abans què els estils comencin a ser aplicats en els continguts.</div> + +<h2 id="Notes">Notes</h2> + +<ul> + <li>A <code><link></code> la etiqueta només pot estar en l'element head; No obstant això, no pot haver múltiples ocurrències de <code><link></code>.</li> + <li>HTML 3.2 defineix només els atributs <strong>href</strong>, <strong>rel</strong>, <strong>rev</strong> i <strong>title</strong> per a l'element link.</li> + <li>HTML 2 defineix els atributs <strong>href</strong>, <strong>methods</strong>, <strong>rel</strong>, <strong>rev</strong>, <strong>title</strong>, i <strong>urn</strong> per l'element <code><link></code>. Els atributs <strong>methods</strong> i <strong>urn</strong> posteriorment van ser eliminats de les especificacions.</li> + <li><span id="result_box" lang="ca"><span>Les</span> <span>especificacions</span> <span>d'HTML</span> <span>i XHTML</span> <span>defineixen</span> <span>controladors</span> <span>d'esdeveniments</span> <span>per a l'element</span> <code><span><</span><span>link</span><span>></span></code><span>, però no estava</span> <span>clar com</span> <span>anaven a ser</span> <span>utilitzats.</span></span></li> + <li><span id="result_box" lang="ca"><span>Sota</span> <span>XHTML</span> <span>1.0</span><span>, els</span> <span>elements</span> <span>buits,</span> <span>com</span> <span><</span><span>link</span><span>></span> <span>requereixen una</span> <span>barra</span> <span>final</span><span>:</span> </span><code><link /></code>.</li> +</ul> + +<h2 id="Specifications" name="Specifications">Especificacions</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificació</th> + <th scope="col">Estat</th> + <th scope="col">Comentari</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('Subresource Integrity', '#htmlscriptelement', '<script>')}}</td> + <td>{{Spec2('Subresource Integrity')}}</td> + <td>Afegeix l'atribut <code>integrity</code>.</td> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', 'semantics.html#the-link-element', '<link>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> + <p><span class="short_text" id="result_box" lang="ca"><span>No hi ha canvis</span> <span>des de l'última presentació</span></span></p> + </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'document-metadata.html#the-link-element', '<link>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Afegeix els atributs <code>crossorigin </code>i <code>sizes</code> ; Els valors estesos de mitjans per a qualsevol consulta de mitjans; afegeix nombrosos nous valors per <code>rel</code>.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.3', '<link>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> + +<h2 id="Navegadors_compatibles">Navegadors compatibles</h2> + +<div>{{CompatibilityTable}}</div> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>1.0</td> + <td>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>Alternative stylesheets</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("1.9")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>disabled</code> atribut {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>methods</code> atribute {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>4.0</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>atribut <code>sizes</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}} {{bug("441770")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td><code>load</code> and <code>error</code> events</td> + <td> + <p>19 (Webkit: 535.23)</p> + + <p>({{webkitbug(38995)}})</p> + </td> + <td>{{CompatGeckoDesktop("9.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>11.60</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>crossorigin</code></td> + <td>{{CompatChrome("25")}}</td> + <td>{{CompatGeckoDesktop("18.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatOpera("15")}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>integrity</code></td> + <td>{{CompatChrome(45.0)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}<sup>[1]</sup></td> + </tr> + <tr> + <td>atribut <code>referrerpolicy</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoDesktop("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Característica</th> + <th>Android</th> + <th>Android Webview</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + <th>Chrome for Android</th> + </tr> + <tr> + <td>Suport bàsic</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>Alternative stylesheets</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("2.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>disabled</code> atribut {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>methods</code> atribut {{Non-standard_inline}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}}</td> + <td>4.0</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>sizes</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatNo}} {{bug("441770")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><code>load</code> and <code>error</code> events</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("9.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>crossorigin</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("18.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td>atribut <code>integrity</code></td> + <td>{{CompatNo}}</td> + <td>{{CompatChrome(45.0)}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatChrome(45.0)}}</td> + </tr> + <tr> + <td>atribut <code>referrerpolicy</code></td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatGeckoMobile("50.0")}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + <td> </td> + </tr> + </tbody> +</table> +</div> + +<p>[1] {{WebKitBug(148363)}} tracks WebKit implementation of Subresource Integrity (which includes the <code>integrity</code> attribute).</p> + +<h2 id="Veure">Veure</h2> + +<ul> + <li><a href="http://pieisgood.org/test/script-link-events/">Gràfic de compatibilitat d'esdeveniments de node <script> i <link> de Ryan Grove's</a></li> +</ul> |