<shadow>: l'elemento HTML Shadow

Deprecato: questa funzione non è più consigliata. Sebbene alcuni browser possano ancora supportarlo, potrebbe essere già stato rimosso dagli standard Web pertinenti, potrebbe essere in fase di eliminazione o potrebbe essere conservato solo per motivi di compatibilità. Evita di usarlo e, se possibile, aggiorna il codice esistente. Tieni presente che questa funzione potrebbe cessare di funzionare in qualsiasi momento.

L' elemento HTML <shadow>, una parte obsoleta della suite tecnologica dei componenti Web, doveva essere utilizzato come punto di inserimento DOM ombra. Potresti averlo usato se hai creato più radici ombra sotto un host ombra. Non è utile nel normale HTML.

Gli attributi di questo elemento includono gli attributi globali.

Esempio

Ecco un semplice esempio di utilizzo dell'elemento <shadow>. È un file HTML con tutto il necessario al suo interno.

Nota: questa è una tecnologia sperimentale. Affinché questo codice funzioni, il browser in cui lo visualizzi deve supportare i componenti Web.

<html>
  <head></head>
  <body>
  <div>
    <!-- Questo div conterrà lo shadow -->
    <h4>Intestazione</h4>
  </div>

  <script>
    var origContent = document.querySelector('div');
    var shadowroot1 = origContent.createShadowRoot();
    var shadowroot2 = origContent.createShadowRoot();
    shadowroot1.innerHTML =
      '<p>Older shadow root inserted by 
            shadow </p>';

    shadowroot2.innerHTML =
    '<shadow></shadow><p>Younger shadow 
      root displayed because it is the youngest </p>';        
  </script>
  </body>
</html>

Guarda anche

<content>, <slot>, <template>

Liste utili

Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/shadow