From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/it/web/html/element/div/index.html | 137 +++++++++++++++++++++++++++++++ 1 file changed, 137 insertions(+) create mode 100644 files/it/web/html/element/div/index.html (limited to 'files/it/web/html/element/div/index.html') diff --git a/files/it/web/html/element/div/index.html b/files/it/web/html/element/div/index.html new file mode 100644 index 0000000000..991fe0575c --- /dev/null +++ b/files/it/web/html/element/div/index.html @@ -0,0 +1,137 @@ +--- +title: '
: The Content Division element' +slug: Web/HTML/Element/div +tags: + - Divisione di Contenuto + - 'HTML: Contenuti di flusso' + - Layout + - Web + - div +translation_of: Web/HTML/Element/div +--- +
{{HTMLRef}}
+ +

L'elemento HTML Content Division (<div>) è un contenitore generico per contenuti di flusso. Non ha alcun effetto sui contenuti fin quando non viene stilizzato attraverso CSS. In quanto contenitore "puro", l'elemento <div> di suo non rappresenta nulla. E' utilizzato piuttosto per raggruppare contenuti in modo da essere facilmente stilizzato attraverso gli attributi {{htmlattrxref("class")}} o {{htmlattrxref("id")}}, o per contrassegnare una sezione di un documento scritta in una lingua diversa (utilizzando l'attributo {{htmlattrxref("lang")}}), e così via.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Categorie di contenutiContenuti di flusso, contenuti palpabili.
Contenuti permessiContenuti di flusso.
+ O (nella specifica HTML del WHATWG): Se il genitore è un elemento {{HTMLElement("dl")}}:uno o più elementi {{HTMLElement("dt")}} seguiti da un o più elementi {{HTMLElement("dd")}}, opzionalmente mischiati ad elementi {{HTMLElement("script")}} e {{HTMLElement("template")}}.
Omissione del tag{{no_tag_omission}}
Genitori permessiQualsiasi elemento che accetti contenuti di flusso.
+ O (nella specifica HTML WHATWG): l'elemento {{HTMLElement("dl")}}.
Ruoli ARIA permessiQualsiasi
Interfaccia DOM{{domxref("HTMLDivElement")}}
+ +

Attributi

+ +

Questo elemento include gli attributi globali.

+ +

L'attributoalign è obsoleto; non utilizzarlo. Piuttosto, bisognerebbe utilizzare le proprietà o tecniche CSS quali CSS Grid o CSS Flexbox per allineare e posizionare gli elementi <div> all'interno della pagina.

+ +

Note sull'utilizzo

+ + + +

Esempi

+ +

Un semplice esempio

+ +
<div>
+  <p>Qualsiasi contenuto, come
+  &lt;p&gt;, &lt;table&gt;. Decidi tu!</p>
+</div>
+ +

Il risultato apparirà così:

+ +

{{EmbedLiveSample("Un_semplice_esempio", 650, 60)}}

+ +

Un esempio stilizzato

+ +

Questo esempio crea un box dotato d'ombra, applicando uno stile al <div> usando CSS. Notare l'utilizzo dell'attributo {{htmlattrxref("class")}} sul<div> per applicare lo stile chiamato "shadowbox" sull'elemento.

+ +

HTML

+ +
<div class="shadowbox">
+  <p>Qui troviamo una nota molto interessante
+  in un box dotato di un'amorevole ombra.</p>
+</div>
+ +

CSS

+ +
.shadowbox {
+  width: 15em;
+  border: 1px solid #333;
+  box-shadow: 8px 8px 5px #444;
+  padding: 8px 12px;
+  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
+}
+ +

Risultato

+ +

{{EmbedLiveSample("Un_esempio_stilizzato", 650, 120)}}

+ +

Specificazioni

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificatioeStatusCommento
{{SpecName('HTML WHATWG', 'grouping-content.html#the-div-element', '<div>')}}{{Spec2('HTML WHATWG')}}Nessun cambiamento dall'ultimo snapshot
{{SpecName('HTML5 W3C', 'grouping-content.html#the-div-element', '<div>')}}{{Spec2('HTML5 W3C')}}Attributo di stile align reso obsoleto
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.4', '<div>')}}{{Spec2('HTML4.01')}}
+ +

Compatibilità dei browser

+ + + +

{{Compat("html.elements.div")}}

+ +

Vedi anche

+ + -- cgit v1.2.3-54-g00ecf