You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 8-web-components/4-template-element/article.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,7 +7,7 @@ In teoria, possiamo creare qualunque elemento invisibile in qualunque punto dell
7
7
8
8
Prima di tutto il contenuto può essere qualunque HTML valido, anche se, normalmente richiede un tag di inclusione appropriato.
9
9
10
-
Per esempio, possiamo possiamo inserire una riga di una tabella `<tr>`:
10
+
Per esempio, possiamo inserire la riga di una tabella `<tr>`:
11
11
```html
12
12
<template>
13
13
<tr>
@@ -16,7 +16,7 @@ Per esempio, possiamo possiamo inserire una riga di una tabella `<tr>`:
16
16
</template>
17
17
```
18
18
19
-
Solitamente, se proviamo a inserire un `<tr>` per esempio dentro un `<div>`, il browser riconoscerà una struttura non valida, "correggendola", aggiungendovi una tabella attorno. Questo non è il comportamento corretto, ma d'altra parte `<template>` mantiene le cose esattamente come le inseriamo.
19
+
Solitamente, se proviamo a inserire un `<tr>`, per esempio, dentro un `<div>`, il browser riconoscerà una struttura non valida, "correggendola", aggiungendovi una tabella attorno. Questo non è il comportamento corretto, ma d'altra parte `<template>` mantiene le cose esattamente come le inseriamo.
20
20
21
21
Dentro i tag `<template>` possiamo anche inserire stili e scripts:
22
22
@@ -102,7 +102,7 @@ Questi formano lo shadow DOM:
102
102
## Riepilogo
103
103
104
104
- il contenuto di `<template>` può essere qualunque HTML sintatticamente corretto.
105
-
- il contenuto di `<template>` essendo considerato "avulso dal documento", non modificherà, nè eseguirà alcunché al suo interno.
105
+
- il contenuto di `<template>` essendo considerato "avulso dal documento", non modificherà, né eseguirà alcunché al suo interno.
106
106
- Possiamo accedere a `template.content` via JavaScript, ed anche clonarlo per poterlo riutilizzare in un nuovo componente.
107
107
108
108
Il tag `<template>` ha delle pecurialità uniche, in quanto:
0 commit comments