Aiuto:Sintassi corretta: differenze tra le versioni
Wedhro (rosica | curriculum) (sostituisco {{u}} con tag HTML <u>) |
m (errori di lint, replaced: <center> → <div style<nowiki>=</nowiki>"text-align: center;"> (2), </center> → </div>) |
||
(Una versione intermedia di un altro utente non mostrate) | |||
Riga 6: | Riga 6: | ||
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...) |
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"> |
<div class="plainlinks"> |
||
#È vietato il tag <nowiki><center></nowiki>, al suo posto va usato {{Template|Allinea}}. |
#È 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><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><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. |
||
Riga 36: | Riga 36: | ||
|- |
|- |
||
!| Allineamento |
!| Allineamento |
||
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><center></nowiki>''testo''<nowiki></ |
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><div style<nowiki>=</nowiki>"text-align: center;"></nowiki>''testo''<nowiki></div></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''}} |
||
|- |
|- |
||
Riga 56: | Riga 56: | ||
!| Barrato |
!| Barrato |
||
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><s></nowiki>''testo''<nowiki></s></nowiki>, <nowiki><strike></nowiki>''testo''<nowiki></strike></nowiki>, <nowiki><del></nowiki>''testo''<nowiki></del></nowiki> |
|style="font-family: Courier New; background-color: #ffd7d7;"| <nowiki><s></nowiki>''testo''<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;"| <nowiki> |
|style="font-family: Courier New; background-color: #e8ffdd;"| <nowiki><del></nowiki>''testo''</del> |
||
|- |
|- |
||
!| Sottolineato |
!| Sottolineato |
Versione attuale delle 14:48, 6 giu 2021
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 tenuti 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...)
- È vietato il tag <div style<nowiki>="text-align: center;"></nowiki>, al suo posto va usato
{{Allinea}}
. - Sono vietati i tag <big> e <small>, al loro posto va usato
{{Dimensione}}
. - 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.
- Sono vietati i tag <s>, <strike> e <del>, al loro posto va usato il template
{{s}}
. - È vietato il tag <u>, al suo posto va usato il template
{{u}}
. - È vietato il tag <tt>, al suo posto va usato il template
{{tt}}
. - È 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> - È 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}}
. - È 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.
- È 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.
- È vietato l'uso del parametro bgcolor, al suo posto va usato l'attributo CSS background-color[1].
- 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.
- 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.
- Sono vietati i parametri height e width, al loro posto vanno usati gli attributi CSS height e width.
- È vietato l'uso del parametro nowrap, al suo posto va usato l'attributo CSS white-space.
- È vietato l'uso del parametro rules, al suo posto usate delle classi come wikitable o 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
{{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 stdTable).
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 | <div style<nowiki>="text-align: center;"></nowiki>testo</div> | {{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>, <strike>testo</strike>, <del>testo</del> | <del>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;" |
{| rules="all" | {| class="wikitable" | |
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> |
A capo automatico | {| nowrap | {| style="white-space: nowrap;" |
Pulizia del codice | {{Dimensione|140%|{{Allinea|center|testo}}}} {{Dimensione|90%|{{Allinea|center|testo}}}} |
{{Allinea|center|{{Dimensione|140%|testo}} {{Dimensione|90%|testo}}}} |
Tag in minuscolo | <SPAN class="stdTable" style="color: RED; font-family: Georgia;">testo</SPAN> | <span class="stdTable" style="color: red; font-family: Georgia;">testo</span> |