Aiuto:Sintassi corretta: differenze tra le versioni

← Differenza precedente

Aiuto:Sintassi corretta (visualizza wikitesto)

Versione delle 14:48, 6 giu 2021

3 761 byte aggiunti , 2 anni fa

m

errori di lint, replaced: <center> → <div style<nowiki>=</nowiki>"text-align: center;"> (2), </center> → </div>

VisualeWikitesto

Angelo Pisani Bot

Bot

33 398

contributi

Versione delle 15:49, 27 apr 2011 (Visualizza sorgente) MFH (rosica \| curriculum) mNessun oggetto della modifica ← Differenza precedente		Versione attuale delle 14:48, 6 giu 2021 (Visualizza sorgente) Angelo Pisani Bot (rosica \| curriculum) m (errori di lint, replaced: <center> → <div style<nowiki>=</nowiki>"text-align: center;"> (2), </center> → </div>)
(23 versioni intermedie di 6 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. [[~~Nonciclopedia~~Progetto:~~Progetto~~ Sorveglianza\|Pulisher]], [[~~Nonciclopedia~~Progetto:~~Progetto~~ Restauro\|restauranti]], [[~~Nonciclopedia~~Progetto:~~Progetto~~ Detormentonizzazione\|detormentonizzatori]] e [[~~Nonciclopedia~~Progetto:~~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 <~~strike~~del></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: bold;" \|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;"\| <nowiki><div style<nowiki>=</nowiki>"text-align: center;"></nowiki>''testo''<nowiki></~~center~~div></nowiki> \|style="font-family: Courier New; background-color: #e8ffdd;"\| <nowiki>{{Allinea\|center\|</nowiki>''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: #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: #e8ffdd;"\| <nowiki>{{Dimensione\|80%\|</nowiki>''testo''}} \|- !\| 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: #e8ffdd;"\| <nowiki>'''</nowiki>''testo''<nowiki>'''</nowiki> \|- !\| 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: #e8ffdd;"\| <nowiki>''</nowiki>''testo''<nowiki>''</nowiki> \|- !\| 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: #e8ffdd;"\| <nowiki>~~{{s\|~~<del></nowiki>''testo''}}</del> \|- !\| Sottolineato \|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''}}</u> \|- !\| 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: #e8ffdd;"\| <nowiki>{{tt\|</nowiki>''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: #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: #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> \|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> \|- !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: #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> \|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> \|- !rowspan="2"\| Centratura \|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="text-align: center;"></nowiki>''testo''<nowiki></div></nowiki> \|- !\| 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: #e8ffdd;"\| <nowiki><div style="background-color: </nowiki>''colore'';">''testo''<nowiki></div></nowiki> \|- !rowspan="2"\| Bordi \|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: #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>''dimensione1''" cellspacing="''dimensione2''" \|style="font-family: Courier New; background-color: #e8ffdd;"\| <nowiki>{\| style="</nowiki>border-spacing: ''dimensione1''; padding: ''dimensione2'';" \|- !\| 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: #e8ffdd;"\| <nowiki><div style="width: </nowiki>''dimensione1''; height: ''dimensione2'';">''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 />~~ {{Cat\|Aiuto}}