Modern Web Guidance è ora stabile. Esegui l'upgrade degli agenti di programmazione con best practice per lo sviluppo web verificate da esperti. Leggi l'annuncio.
Google utilizza la tecnologia AI per tradurre i contenuti nella tua lingua preferita. Le traduzioni generate dall'AI potrebbero contenere errori.
Componenti per l'edilizia
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
I componenti sono gli elementi di base delle applicazioni web moderne. Quali best practice dovresti seguire quando crei i tuoi componenti in modo che possano resistere alla prova del tempo?
I componenti sono gli elementi di base delle applicazioni web moderne. Quali best practice dovresti seguire quando crei i tuoi componenti in modo che possano resistere alla prova del tempo?
Elementi personalizzati
Gli elementi personalizzati offrono agli sviluppatori la possibilità di estendere l'HTML e creare i propri tag. Poiché gli elementi personalizzati sono basati su standard, sfruttano il modello di componenti integrato del web. Il risultato è un codice più modulare che può essere riutilizzato in molti contesti diversi.
Scopri di più
Shadow DOM
Shadow DOM è uno standard web che offre l'incapsulamento dello stile e del markup dei componenti. Si tratta di un elemento di fondamentale importanza nella storia dei componenti web, in quanto garantisce che un componente funzioni in qualsiasi ambiente, anche se nella pagina sono presenti altri CSS o JavaScript.
Scopri di più
Best practice
Poiché gli elementi personalizzati e lo shadow DOM sono primitive di basso livello, non è sempre chiaro come combinarli al meglio per creare un componente robusto e che funzioni bene in molti ambienti diversi. Anche se con queste API puoi fare praticamente di tutto, ecco alcune best practice per garantire che i tuoi componenti funzionino bene ovunque.
Scopri di più
Esempi
HowTo-Components sono un insieme di elementi che mostrano le best practice per Custom Element e Shadow DOM. Questi elementi non sono destinati all'uso in produzione, ma vengono presentati come supporto didattico per mappare i suggerimenti sulle best practice alle implementazioni effettive.
Scopri di più