tag div

**audi72** · 15-10-2007, 16:35

Sono ancora molto inesperto! non sono riuscito ancora a capire cos'è un tag <div>.
qualcuno può aiutarmi?

**Vincent.Zeno** · 15-10-2007, 16:38

benvenuto sul forum.

http://www.w3schools.com/tags/tag_div.asp

buono studio

**audi72** · 15-10-2007, 16:51

E' tutto in inglese! ho capito cosa c'è scritto, ma è troppo poco!
Non sapresti indicarmi una guida in italiano più chiara?

**ricman** · 16-10-2007, 09:16

Cosa vuoi sapere con più precisione?
Il Div è uno dei tanti tag. E' un oggetto che viene usato per "racchiuderne" altri, organizzare le informazioni dividendo la pagina in "sezioni"... etc..
Magari a domanda precisa consegue risposta precisa...

**Emulman** · 16-10-2007, 10:12

sarebbe meglio dire che il DIV è un contenitore al cui interno può stare qualsiasi altro tag HTML-XHTML. ed oggi ha pure preso il posto delle tabelle per inserire colonne di testi e foto ad esempio (stile giornale). E' come se fosse una pagina all'interno di un'altra pagina, si comporta quasi come il tag IFRAME (o OBJECT in XHTML)

**Sgro** · 16-10-2007, 10:44

Originariamente inviato da Emulman
sarebbe meglio dire che il DIV è un contenitore al cui interno può stare qualsiasi altro tag HTML-XHTML. ed oggi ha pure preso il posto delle tabelle per inserire colonne di testi e foto ad esempio (stile giornale). E' come se fosse una pagina all'interno di un'altra pagina, si comporta quasi come il tag IFRAME (o OBJECT in XHTML)

Scusami, ma dire che è simile all'iframe o all'object è abbastanza fuorviante.

Il tag <div> significa "division" ed il suo utilizzo semantico è quello di dividere la pagina in sezioni logiche. Se ad esempio il nostro sito dovrà avere una testata, una navigazione, il corpo principale e un footer, la struttura sarà la seguente:

codice:

<body>
    <div id="header"></div>
    <div id="content"></div>
    <div id="navigation"></div>
    <div id="footer"></div>
</body>

All'interno dei div andranno i contenuti rispettivi (un h1 nella testata ad esempio, un ul utilizzato come menu nella navigazione, ecc).

L'utilizzo di "div contenitori" a scopo di impaginazione è totalmente errato, in quanto tali div non hanno significato semantico. E sono, oltretutto, inutili, in quanto una corretta conoscenza dei CSS permette di impaginare al meglio senza aggiungere elementi ridondanti.

Spero che come spiegazione sia sufficientemente chiara, nel caso sono disponibile per chiarimenti.

**ricman** · 16-10-2007, 11:44

Originariamente inviato da Sgro
L'utilizzo di "div contenitori" a scopo di impaginazione è totalmente errato, in quanto tali div non hanno significato semantico. E sono, oltretutto, inutili, in quanto una corretta conoscenza dei CSS permette di impaginare al meglio senza aggiungere elementi ridondanti.

Concordo tutto... e ti sei spiegato molto bene...

Non ho capito questo...
Perchè dici a "a scopo di impaginazione" "no"?
L'esempio che hai fatto tu (header, contenuti, menu, footer...) non è un impaginazione fatta coi div? Cosa intendevi dire?

**Sgro** · 16-10-2007, 11:52

Intendevo l'utilizzo di div "contenitori" tipo:

codice:

<div id="container">
  <div id="header"></div>
  <div id="content"></div>
</div>

Pratiche che si vedono spesso, div fantasmi usati per centrare tutto il sito, o per altri motivi, che però non hanno significato semantico. Oppure div usati per ottenere effetti grafici dandogli determinate immagini di sfondo (angoli arrotondati, sfondo in fade-out in una direzione, ecc).

Tutti utilizzi errati. Tendevo a sottolineare che non dovrebbero mai essere aggiunti tag alla pagina a pure scopo di impaginazione, senza che abbiano un significato inerente ai contenuti.

**ricman** · 16-10-2007, 12:20

Originariamente inviato da Sgro
div fantasmi usati per centrare tutto il sito, o per altri motivi, che però non hanno significato semantico. Oppure div usati per ottenere effetti grafici dandogli determinate immagini di sfondo (angoli arrotondati, sfondo in fade-out in una direzione, ecc).

Tutti utilizzi errati. Tendevo a sottolineare che non dovrebbero mai essere aggiunti tag alla pagina a pure scopo di impaginazione, senza che abbiano un significato inerente ai contenuti.

E come lo centreresti un "rettangolo coi bordi arrotondati" in mezzo alla pagina?
Come faresti uno dei "classici" sito che ti chiedono i clienti?
C'è modo?

**Sgro** · 16-10-2007, 12:54

Originariamente inviato da ricman
E come lo centreresti un "rettangolo coi bordi arrotondati" in mezzo alla pagina?
Come faresti uno dei "classici" sito che ti chiedono i clienti?
C'è modo?

Certo:

codice:

<div id="rettangolo">
        <h1 id="titolo">Titolo</h1>
</div>

codice:

#rettangolo
{
	background-image : url(Immagini/inferiore.jpg);
	background-position : bottom;
	background-repeat : no-repeat;
	width : 200px;
	height : 100px;
	margin : 0 auto;
}

#titolo
{
	background-image : url(Immagini/superiore.jpg);
	background-position : top;
	background-repeat : no-repeat;
	text-align : center;
}

Provalo con le immagini in allegato

Discussione: tag div

Strumenti discussione

Ricerca discussione

Visualizza

tag div

Permessi di invio