Aiuto:Sintassi corretta: differenze tra le versioni

m
errori di lint, replaced: <center> → <div style<nowiki>=</nowiki>"text-align: center;"> (2), </center> → </div>
Nessun oggetto della modifica
m (errori di lint, replaced: <center> → <div style<nowiki>=</nowiki>"text-align: center;"> (2), </center> → </div>)
 
(20 versioni intermedie di 5 utenti non mostrate)
Riga 1:
{{Scorciatoia|A:SC}}
Poiché l'HTML sta evolvendo verso standard {{Citnec|puliti, aperti e potenti}}, 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.
 
[[NonciclopediaProgetto:Progetto Sorveglianza|Pulisher]], [[NonciclopediaProgetto:Progetto Restauro|restauranti]], [[NonciclopediaProgetto:Progetto Detormentonizzazione|detormentonizzatori]] e [[NonciclopediaProgetto:Progetto Niubbysitter|niubbysitter]] sono {{<u|>tenuti}}</u> 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 [[Utente:MFH|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...)
<div class="plainlinks">
 
#È vietato il tag <nowiki><div style<nowiki>=</nowiki>"text-align: center;"></nowiki>, al suo posto va usato {{Template|Allinea}}.
#Sono vietati i tag <nowiki><big> e <small></nowiki>, al loro posto va usato {{Template|Dimensione}}.
#Sono vietati i tag <nowiki><b> e <i></nowiki>, 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.
#Sono vietati i tag <nowiki><s>, <strike> e <strikedel></nowiki>, al loro posto va usato il template {{Template|s}}.
#È vietato il tag <nowiki><u></nowiki>, al suo posto va usato il template {{Template|u}}.
#È vietato il tag <nowiki><tt></nowiki>, al suo posto va usato il template {{Template|tt}}.
Line 15 ⟶ 16:
#È vietato l'uso del parametro {{tt|clear}}, al suo posto va usato l'attributo CSS {{tt|[http://www.w3schools.com/css/pr_class_clear.asp clear]}}, ricordando che la forma {{tt|clear: all;}} è sbagliata, la forma corretta è {{tt|clear: both;}}. Andrebbe inoltre evitato dove possibile l'uso di questo attributo nei tag <nowiki><br /></nowiki> per i motivi spiegati nel punto precedente.
#È vietato l'uso del parametro {{tt|align}}, al suo posto vanno usati gli attributi CSS {{tt|[http://www.w3schools.com/CSS/pr_text_text-align.asp text-align]: center;}} per centrare il testo e {{tt|margin: 0.5em auto;}} per centrare il riquadro.
#È vietato l'uso del parametro {{tt|bgcolor}}, al suo posto va usato l'attributo CSS {{tt|[http://www.w3schools.com/css/pr_background-color.asp background-color]}}<ref>Non usare solo {{tt|background}}, impedirebbe la visualizzazione di alcune classi</ref>.
#Sono vietati i parametri {{tt|border}} e {{tt|bordercolor}}, al loro posto va usata l'attributo CSS {{tt|[http://www.w3schools.com/css/css_border.asp border]}}, oppure delle apposite classi per le tabelle, come {{tt|stdTable}}.
#Sono vietati i parametri {{tt|cellpadding}} e {{tt|cellspacing}}, al loro posto si possono usare gli attributi CSS {{tt|[http://www.w3schools.com/css/pr_tab_border-spacing.asp border-spacing]}} e {{tt|[http://www.w3schools.com/css/pr_tab_border-collapse.asp border-collapse]}}, oltre che apposite classi, come al punto precedente.
#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]}}.
#È vietato l'uso del parametro {{tt|nowrap}}, al suo posto va usato l'attributo CSS {{tt|[http://www.w3schools.com/css/pr_text_white-space.asp white-space]}}.
#È vietato l'uso del parametro {{tt|rules}}, al suo posto usate delle classi come {{tt|wikitable}} o {{tt|stdTable}}, oppure delle regole CSS per i bordi. Questa proprietà non è realmente deprecata, ma è supportata malissimo dalla maggior parte dei browser, per cui va evitata.
#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.
#I tag HTML e le proprietà CSS vanno scritti in minuscolo. Le uniche eccezioni sono il nome dei font, che può essere scritto con le iniziali maiuscole se necessario, e il nome delle classi e degli id, che può essere scritto come vi pare (per esempio {{tt|stdTable}}).
</div>
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===
{| class="stdTable" style="width: 100%; font-weight: 700bold;"
|style="width: 20%;"|
!class="BG_biancotrasp" style="width: 40%; background-color:#ff6262;"|Sbagliato
!class="BG_biancotrasp" style="width: 40%; background-color:#a7ff82;"|Giusto
|-
!| Allineamento
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><div style<nowiki>=</nowiki>"text-align: center;"></nowiki>}}''testo''{{Colore|red|<nowiki></centerdiv></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{Allinea|center|</nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowiki>}}
|-
!rowspan="2"| Dimensione del testo
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><big></nowiki>}}''testo''{{Colore|red|<nowiki></big></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{Dimensione|125%|</nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowiki>}}
|-
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><small></nowiki>}}''testo''{{Colore|red|<nowiki></small></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{Dimensione|80%|</nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowiki>}}
|-
!| Grassetto<ref name="nota1">Sì, per quanto stupido c'è chi lo fa.</ref>
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><b></nowiki>}}''testo''{{Colore|red|<nowiki></b></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>'''</nowiki>}}''testo''{{Colore|green|<nowiki>'''</nowiki>}}
|-
!| Corsivo<ref name="nota1" />
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><i></nowiki>}}''testo''{{Colore|red|<nowiki></i></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>''</nowiki>}}''testo''{{Colore|green|<nowiki>''</nowiki>}}
|-
!| Barrato
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><s></nowiki>}}''testo''{{Colore|red|<nowiki></s></nowiki>}}, <nowiki><strike></nowiki>''testo''<nowiki></strike></nowiki>, <nowiki><del></nowiki>''testo''<nowiki></del></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{s|<del></nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowikidel>}}
|-
!| Sottolineato
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><u></nowiki>}}''testo''{{Colore|red|<nowiki></u></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{<u|></nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowikiu>}}
|-
!| Macchina da scrivere
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|<nowiki><tt></nowiki>}}''testo''{{Colore|red|<nowiki></tt></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{tt|</nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowiki>}}
|-
!rowspan="4"| Aspetto del testo
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|2=<nowiki><font color="</nowiki>}}''colore''{{Colore|red|">}}''testo''{{Colore|red|<nowiki></font></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{Colore|</nowiki>}}''colore''{{Colore|green|<nowiki>|</nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowiki>}}
|-
|style="font-family: Courier New; background-color: #ffd7d7;"| {{Colore|red|2=<nowiki><font size="</nowiki>}}''dimensione''{{Colore|red|">}}''testo''{{Colore|red|<nowiki></font></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{Dimensione|</nowiki>}}''dimensione''{{Colore|green|<nowiki>|</nowiki>}}''testo''{{Colore|green|<nowiki>}}</nowiki>}}
|-
|rowspan="2" style="font-family: Courier New; background-color:#ffd7d7;"| {{Colore|red|2=<nowiki><font color="</nowiki>}}''colore''{{Colore|red|2=" size="}}''dimensione''{{Colore|red|2=" face="}}''carattere''{{Colore|red|">}}''testo''{{Colore|red|<nowiki></font></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|<nowiki>{{Carattere|</nowiki>}}''carattere''{{Colore|green|<nowiki>|</nowiki>}}''dimensione''{{Colore|green|<nowiki>|</nowiki>}}''testo''{{Colore|green|<nowiki>|</nowiki>}}''colore''{{Colore|green|<nowiki>}}</nowiki>}}
|-
|style="font-family: Courier New; background-color: #e8ffdd;"| {{Colore|green|2=<nowiki><span style="</nowiki>color:}} ''colore''{{Colore|green|; font-size:}} ''dimensione''{{Colore|green|; font-family:}} ''carattere''{{Colore|green|;">}}''testo''{{Colore|green|<nowiki></span></nowiki>}}
|-
!rowspan="3"| A capo
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div></nowiki>{{Colore|red|<nowiki><br /><br /><br /><br /><br /><br /></nowiki>}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div</nowiki> {{Colore|green|2=style="margin-bottom: 30px50px;"}}></nowiki>''testo''<nowiki></div></nowiki>
|-
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div></nowiki>{{Colore|red|2=<nowiki><br clear="all" /></nowiki>}}
|rowspan="2" style="font-family: Courier New; background-color:#e8ffdd;"| <nowiki><div</nowiki> {{Colore|green|2=style="clear: both;"}}></nowiki>''testo''<nowiki></div></nowiki>
|-
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div></nowiki>''testo''<nowiki></div></nowiki>{{Colore|red|2=<nowiki><br style="clear: both;" /></nowiki>}}
|-
!rowspan="2"| Centratura
|rowspan="2" style="font-family: Courier New; background-color:#ffd7d7;"| <nowiki><div</nowiki> {{Colore|red|2=align="center"}}></nowiki>''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div</nowiki> {{Colore|green|2=style="margin: 0.5em auto;"}}></nowiki>''testo''<nowiki></div></nowiki>
|-
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div</nowiki> {{Colore|green|2=style="text-align: center;"}}></nowiki>''testo''<nowiki></div></nowiki>
|-
!| Colore di sfondo
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div bgcolor="</nowiki> {{Colore|red|2=bgcolor="}}''colore''{{Colore|red|"}}>''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div</nowiki> {{Colore|green|2=style="background-color:}} </nowiki>''colore''{{Colore|green|;"}}>''testo''<nowiki></div></nowiki>
|-
!rowspan="2"| Bordi
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki>{| border="</nowiki> {{Colore|red|2=border="}}''dimensione''{{Colore|red|2=" bordercolor="}}''colore''{{Colore|red|"}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{| style="</nowiki> {{Colore|green|2=style="border:}} ''dimensione'' {{Colore|green|solid}} ''colore''{{Colore|green|;"}}
|-
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki>{| rules="</nowiki>all"
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{| class="</nowiki>wikitable"
|-
!| Spaziatura delle celle
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki>{| cellpadding="</nowiki> {{Colore|red|2=cellpadding="}}''dimensione1''{{Colore|red|2=" cellspacing="}}''dimensione2''{{Colore|red|"}}
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{| style="</nowiki> {{Colore|green|2=style="border-spacing:}} ''dimensione1''{{Colore|green|; padding:}} ''dimensione2''{{Colore|green|;"}}
|-
!| Dimensioni
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div width="</nowiki> {{Colore|red|2=width="}}''dimensione1''{{Colore|red|2=" height="}}''dimensione2''{{Colore|red|"}}>''testo''<nowiki></div></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><div</nowiki> {{Colore|green|2=style="width:}} </nowiki>''dimensione1''{{Colore|green|; height:}} ''dimensione2''{{Colore|green|;"}}>''testo''<nowiki></div></nowiki>
|-
!| A capo automatico
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki>{|</nowiki> ''nowrap''
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki>{| style="</nowiki>white-space: nowrap;"
|-
!| 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''}}}}
|-
!| Tag in minuscolo
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><SPAN class="stdTable" style="color: RED; font-family: Georgia;"></nowiki>''testo''<nowiki></SPAN></nowiki>
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><span class="stdTable" style="color: red; font-family: Georgia;"></nowiki>''testo''<nowiki></span></nowiki>
|-
|}
 
===Note===
{{Note}}
<references />
 
[[Categoria:{{Cat|Aiuto]]}}
33 398

contributi