Aiuto:Sintassi corretta: differenze tra le versioni

Vai alla navigazione Vai alla ricerca
Contenuto aggiunto Contenuto cancellato
Nessun oggetto della modifica
Nessun oggetto della modifica
Riga 20: Riga 20:
#Sono vietati i parametri {{tt|height}} e {{tt|width}}, al loro posto vanno usati gli attributi CSS {{tt|[http://www.w3schools.com/css/pr_dim_height.asp height]}} e {{tt|[http://www.w3schools.com/css/pr_dim_width.asp width]}}.
#Sono vietati i parametri {{tt|height}} e {{tt|width}}, al loro posto vanno usati gli attributi CSS {{tt|[http://www.w3schools.com/css/pr_dim_height.asp height]}} e {{tt|[http://www.w3schools.com/css/pr_dim_width.asp width]}}.
#Le tabelle vanno usate per tabulare dei dati, non per dare forma a un riquadro o un template. Per questo scopo c'è il template {{Template|Riquadro}}. È vero che questo template usa le tabelle, ma è in progettazione una versione più corretta, e anche in questo caso basta una sola modifica per mettere in regola tutti i riquadri e i template che ne fanno uso.
#Le tabelle vanno usate per tabulare dei dati, non per dare forma a un riquadro o un template. Per questo scopo c'è il template {{Template|Riquadro}}. È vero che questo template usa le tabelle, ma è in progettazione una versione più corretta, e anche in questo caso basta una sola modifica per mettere in regola tutti i riquadri e i template che ne fanno uso.
#Se possibile usa i template citati sopra invece del codice HTML, è più comprensibile alla maggior parte degli utenti. Se però devi annidare più di 2-3 template, è più pulito il codice HTML.
#Evita ripetizioni inutili delle proprietà e contraddizioni, rendono più lento il caricamento delle pagine. Semplifica il codice il più possibile.


Nonciclopedia è attualmente quasi completamente predisposta per suggerirti la sintassi corretta, quindi se usi codici errati significa che li hai inseriti manualmente, non hai più scusanti.
Nonciclopedia è attualmente quasi completamente predisposta per suggerirti la sintassi corretta, quindi se usi codici errati significa che li hai inseriti manualmente, non hai più scusanti.
Riga 30: Riga 32:
|-
|-
!| Allineamento
!| Allineamento
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><center></nowiki>''testo''<nowiki></center></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><center></nowiki>''testo''<nowiki></center></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{Allinea|center|</nowiki>''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{Allinea|center|</nowiki>''testo''}}
|-
|-
!rowspan="2"| Dimensione del testo
!rowspan="2"| Dimensione del testo
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><big></nowiki>''testo''<nowiki></big></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><big></nowiki>''testo''<nowiki></big></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{Dimensione|125%|</nowiki>''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{Dimensione|125%|</nowiki>''testo''}}
|-
|-
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><small></nowiki>''testo''<nowiki></small></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><small></nowiki>''testo''<nowiki></small></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{Dimensione|80%|</nowiki>''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{Dimensione|80%|</nowiki>''testo''}}
|-
|-
!| Grassetto<ref name="nota1">Sì, per quanto stupido c'è chi lo fa.</ref>
!| Grassetto<ref name="nota1">Sì, per quanto stupido c'è chi lo fa.</ref>
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><b></nowiki>''testo''<nowiki></b></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><b></nowiki>''testo''<nowiki></b></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>'''</nowiki>''testo''<nowiki>'''</nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>'''</nowiki>''testo''<nowiki>'''</nowiki>
|-
|-
!| Corsivo<ref name="nota1" />
!| Corsivo<ref name="nota1" />
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><i></nowiki>''testo''<nowiki></i></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><i></nowiki>''testo''<nowiki></i></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>''</nowiki>''testo''<nowiki>''</nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>''</nowiki>''testo''<nowiki>''</nowiki>
|-
|-
!| Barrato
!| Barrato
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><s></nowiki>''testo''<nowiki></s></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><s></nowiki>''testo''<nowiki></s></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{s|</nowiki>''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{s|</nowiki>''testo''}}
|-
|-
!| Sottolineato
!| Sottolineato
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><u></nowiki>''testo''<nowiki></u></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><u></nowiki>''testo''<nowiki></u></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{u|</nowiki>''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{u|</nowiki>''testo''}}
|-
|-
!| Macchina da scrivere
!| Macchina da scrivere
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><tt></nowiki>''testo''<nowiki></tt></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><tt></nowiki>''testo''<nowiki></tt></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{tt|</nowiki>''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{tt|</nowiki>''testo''}}
|-
|-
!rowspan="4"| Aspetto del testo
!rowspan="4"| Aspetto del testo
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><font color="</nowiki>''colore''">''testo''<nowiki></font></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><font color="</nowiki>''colore''">''testo''<nowiki></font></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{Colore|</nowiki>''colore''|''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{Colore|</nowiki>''colore''|''testo''}}
|-
|-
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><font size="</nowiki>''dimensione''">''testo''<nowiki></font></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><font size="</nowiki>''dimensione''">''testo''<nowiki></font></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{Dimensione|</nowiki>''dimensione''|''testo''}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{Dimensione|</nowiki>''dimensione''|''testo''}}
|-
|-
|rowspan="2" style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><font color="</nowiki>''colore''" size="''dimensione''" face="''carattere''">''testo''<nowiki></font></nowiki>
|rowspan="2" style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><font color="</nowiki>''colore''" size="''dimensione''" face="''carattere''">''testo''<nowiki></font></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{{Carattere|</nowiki>''carattere''|''dimensione''|''testo''|''colore''<nowiki>}}</nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{Carattere|</nowiki>''carattere''|''dimensione''|''testo''|''colore''<nowiki>}}</nowiki>
|-
|-
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><span style="</nowiki>color: ''colore''; font-size: ''dimensione''; font-family: ''carattere'';">''testo''<nowiki></span></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><span style="</nowiki>color: ''colore''; font-size: ''dimensione''; font-family: ''carattere'';">''testo''<nowiki></span></nowiki>
|-
|-
!rowspan="3"| A capo
!rowspan="3"| A capo
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div><br /><br /><br /><br /><br /><br /></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div><br /><br /><br /><br /><br /><br /></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div style="margin-bottom: 50px;"></nowiki>''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div style="margin-bottom: 50px;"></nowiki>''testo''<nowiki></div></nowiki>
|-
|-
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div><br clear="all" /></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div><br clear="all" /></nowiki>
|rowspan="2" style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div style="clear: both;"></nowiki>''testo''<nowiki></div></nowiki>
|rowspan="2" style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div style="clear: both;"></nowiki>''testo''<nowiki></div></nowiki>
|-
|-
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div><br style="clear: both;" /></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div><br style="clear: both;" /></nowiki>
|-
|-
!rowspan="2"| Centratura
!rowspan="2"| Centratura
|rowspan="2" style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div align="center"></nowiki>''testo''<nowiki></div></nowiki>
|rowspan="2" style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div align="center"></nowiki>''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div style="margin: 0.5em auto;"></nowiki>''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div style="margin: 0.5em auto;"></nowiki>''testo''<nowiki></div></nowiki>
|-
|-
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div style="text-align: center;"></nowiki>''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div style="text-align: center;"></nowiki>''testo''<nowiki></div></nowiki>
|-
|-
!| Colore di sfondo
!| Colore di sfondo
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div bgcolor="</nowiki>''colore''">''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div bgcolor="</nowiki>''colore''">''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div style="background-color: </nowiki>''colore'';">''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div style="background-color: </nowiki>''colore'';">''testo''<nowiki></div></nowiki>
|-
|-
!| Bordi
!| Bordi
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki>{| border="</nowiki>''dimensione''" bordercolor="''colore''"
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki>{| border="</nowiki>''dimensione''" bordercolor="''colore''"
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{| style="</nowiki>border: ''dimensione'' solid ''colore'';"
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{| style="</nowiki>border: ''dimensione'' solid ''colore'';"
|-
|-
!| Spaziatura delle celle
!| Spaziatura delle celle
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki>{| cellpadding="</nowiki>''dimensione1''" cellspacing="''dimensione2''"
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki>{| cellpadding="</nowiki>''dimensione1''" cellspacing="''dimensione2''"
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki>{| style="</nowiki>border-spacing: ''dimensione1''; padding: ''dimensione2'';"
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{| style="</nowiki>border-spacing: ''dimensione1''; padding: ''dimensione2'';"
|-
|-
!| Dimensioni
!| Dimensioni
|style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div width="</nowiki>''dimensione1''" height="''dimensione2''">''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div width="</nowiki>''dimensione1''" height="''dimensione2''">''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div style="width: </nowiki>''dimensione1''; height: ''dimensione2'';">''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div style="width: </nowiki>''dimensione1''; height: ''dimensione2'';">''testo''<nowiki></div></nowiki>
|-
!| Pulizia del codice
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki>{{Dimensione|140%|{{Allinea|center|</nowiki>''testo''}}}}<br /><nowiki>{{Dimensione|90%|{{Allinea|center|</nowiki>''testo''}}}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{{Allinea|center|{{Dimensione|140%|</nowiki>''testo''}}<br /><nowiki>{{Dimensione|90%|</nowiki>''testo''}}}}
|-
|-
|}
|}

Versione delle 12:28, 1 mag 2011

Poiché l'HTML sta evolvendo verso standard puliti, aperti e potenti[citazione necessaria], alcuni vecchi tag per la modifica dell'aspetto del testo, così come alcuni attributi con lo stesso scopo, non saranno più supportati dai browser in futuro. Per arrivare preparati a questo momento, si stanno sistematicamente eliminando dalle pagine di Nonciclopedia questi elementi.

Pulisher, restauranti, detormentonizzatori e niubbysitter sono

a conoscere bene questi punti, in quanto rappresentano la parte esperta dell'utenza, che deve sorvegliare le modifiche, sistemare gli articoli e trasmettere le conoscenze. Questo ovviamente non significa che il resto dell'utenza può sbattersene tranquillamente, ma solamente che non subirà interrogazioni a sorpresa.

Se non volete far arrabbiare l'admin nordico leggete bene qui sotto e mettetelo in pratica per i vostri prossimi articoli. (E già che ci siete, magari date un'occhiata alla vostra firma e alla pagina utente...)

  1. È vietato il tag <center>, al suo posto va usato {{Allinea}}.
  2. Sono vietati i tag <big> e <small>, al loro posto va usato {{Dimensione}}.
  3. Sono vietati i tag <b> e <i>, al loro posto va usata la sintassi mediawiki per il testo in grassetto e corsivo. Il fatto che il software mediawiki usi comunque questi tag per compilare il testo non ha importanza, è un difetto che si può correggere con un paio di modifiche, mentre l'uso diretto dei tag richiede molto più lavoro.
  4. Sono vietati i tag <s> e <strike>, al loro posto va usato il template {{s}}.
  5. È vietato il tag <u>, al suo posto va usato il template {{u}}.
  6. È vietato il tag <tt>, al suo posto va usato il template {{tt}}.
  7. È assolutamente vietato il tag <font>, al suo posto possono essere usati i template {{Carattere}}, {{Colore}} e {{Dimensione}}, oppure la sintassi estesa
    <span style="font-size: ...; color: ...; font-family: ...;">testo</span>
  8. È sconsigliato l'uso del tag <br /> come elemento spaziatore. Lo scopo di questo tag è di interrompere una riga; per aumentare la spaziatura esistono i parametri CSS margin e padding e il template {{Spazio}}.
  9. È vietato l'uso del parametro clear, al suo posto va usato l'attributo CSS clear, ricordando che la forma clear: all; è sbagliata, la forma corretta è clear: both;. Andrebbe inoltre evitato dove possibile l'uso di questo attributo nei tag <br /> per i motivi spiegati nel punto precedente.
  10. È vietato l'uso del parametro align, al suo posto vanno usati gli attributi CSS text-align: center; per centrare il testo e margin: 0.5em auto; per centrare il riquadro.
  11. È vietato l'uso del parametro bgcolor, al suo posto va usato l'attributo CSS background-color[1].
  12. Sono vietati i parametri border e bordercolor, al loro posto va usata l'attributo CSS border, oppure delle apposite classi per le tabelle, come stdTable.
  13. Sono vietati i parametri cellpadding e cellspacing, al loro posto si possono usare gli attributi CSS border-spacing e border-collapse, oltre che apposite classi, come al punto precedente.
  14. Sono vietati i parametri height e width, al loro posto vanno usati gli attributi CSS height e width.
  15. Le tabelle vanno usate per tabulare dei dati, non per dare forma a un riquadro o un template. Per questo scopo c'è il template {{Riquadro}}. È vero che questo template usa le tabelle, ma è in progettazione una versione più corretta, e anche in questo caso basta una sola modifica per mettere in regola tutti i riquadri e i template che ne fanno uso.
  16. Se possibile usa i template citati sopra invece del codice HTML, è più comprensibile alla maggior parte degli utenti. Se però devi annidare più di 2-3 template, è più pulito il codice HTML.
  17. Evita ripetizioni inutili delle proprietà e contraddizioni, rendono più lento il caricamento delle pagine. Semplifica il codice il più possibile.

Nonciclopedia è attualmente quasi completamente predisposta per suggerirti la sintassi corretta, quindi se usi codici errati significa che li hai inseriti manualmente, non hai più scusanti.

Esempi

Sbagliato Giusto
Allineamento <center>testo</center> {{Allinea|center|testo}}
Dimensione del testo <big>testo</big> {{Dimensione|125%|testo}}
<small>testo</small> {{Dimensione|80%|testo}}
Grassetto[2] <b>testo</b> '''testo'''
Corsivo[2] <i>testo</i> ''testo''
Barrato <s>testo</s> {{s|testo}}
Sottolineato <u>testo</u> {{u|testo}}
Macchina da scrivere <tt>testo</tt> {{tt|testo}}
Aspetto del testo <font color="colore">testo</font> {{Colore|colore|testo}}
<font size="dimensione">testo</font> {{Dimensione|dimensione|testo}}
<font color="colore" size="dimensione" face="carattere">testo</font> {{Carattere|carattere|dimensione|testo|colore}}
<span style="color: colore; font-size: dimensione; font-family: carattere;">testo</span>
A capo <div>testo</div><br /><br /><br /><br /><br /><br /> <div style="margin-bottom: 50px;">testo</div>
<div>testo</div><br clear="all" /> <div style="clear: both;">testo</div>
<div>testo</div><br style="clear: both;" />
Centratura <div align="center">testo</div> <div style="margin: 0.5em auto;">testo</div>
<div style="text-align: center;">testo</div>
Colore di sfondo <div bgcolor="colore">testo</div> <div style="background-color: colore;">testo</div>
Bordi {| border="dimensione" bordercolor="colore" {| style="border: dimensione solid colore;"
Spaziatura delle celle {| cellpadding="dimensione1" cellspacing="dimensione2" {| style="border-spacing: dimensione1; padding: dimensione2;"
Dimensioni <div width="dimensione1" height="dimensione2">testo</div> <div style="width: dimensione1; height: dimensione2;">testo</div>
Pulizia del codice {{Dimensione|140%|{{Allinea|center|testo}}}}
{{Dimensione|90%|{{Allinea|center|testo}}}}
{{Allinea|center|{{Dimensione|140%|testo}}
{{Dimensione|90%|testo}}}}

Note

  1. ^ Non usare solo background, impedirebbe la visualizzazione di alcune classi
  2. ^ 2,0 2,1 Sì, per quanto stupido c'è chi lo fa.