Aiuto:HTML: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
pagina di aiuto in fase sperimentale |
completo |
||
Riga 1:
{{Markup}}
{{indice aiuto}}
Il software MediaWiki permette di utilizzare un subset di tag [[w:HTML 5|HTML 5]] con i relativi attributi per la formattazione delle pagine. Per molti di questi esistono d'altra parte degli equivalenti nel linguaggio Wiki oppure possono essere sostituiti da appostiti template. Generalmente, all'
==Tutorial==
Questa pagina d'aiuto fornisce solo qualche informazione generale sul markup. Per
*{{en}} [http://www.w3schools.com/html/html5_intro.asp HTML5 Introduction] sul sito w3schools.com
Riga 14:
* <code>class</code>: la/e classe/i a cui l'elemento appartiene.
* <code>dir</code>: direzione del testo. Accetta i valori
* <code>id</code>: identifica univocamente l'elemento.
* <code>lang</code>:
* <code>style</code>: applica stili CSS al contenuto di un elemento.
* <code>title</code>: informazione aggiuntiva associata all'elemento.
Attributi dei microdati di HTML 5 che si applicano a tutti i tag:
* Qualsiasi attributo che inizi con <code>data-</code>
* <code>itemid</code>
Line 28 ⟶ 29:
* <code>itemtype</code>
MediaWiki è in grado di ovviare ad alcuni errori. È però preferibile assicurarsi di usare correttamente la sintassi.
==Elementi base==
Nei prossimi paragrafi sarà fornita una breve panoramica degli elementi HTML e dei loro corrispettivi in linguaggio Wiki. Si ricorda che, quando si scrive una pagina, è sempre preferibile utilizzare il markup
===Titoli===
Line 86 ⟶ 85:
! HTML !! Wiki !! Descrizione e stile
|-
| colspan="2" | <nowiki><abbr title="HyperText Markup Language">HTML</abbr></nowiki><br/>Risultato: <abbr title="HyperText Markup Language">HTML</abbr> || Con abbreviazioni e acronimi, <code>abbr</code>
|-
| <nowiki><b>Testo in grassetto</b></nowiki> || <nowiki>'''Testo in grassetto'''</nowiki> || Visualizza una parola o una parte di frase in grassetto.
|-
| colspan="2" | <nowiki><bdi>testo</bdi></nowiki> || Il tag <code>bdi</code> cambia la direzione di una parte del testo.<br/><nowiki>اليمين إلى اليسار<bdi>left to right</bdi></nowiki><br/>Risultato: اليمين إلى اليسار<bdi>left to right</bdi>
|-
| colspan="2" | <nowiki><bdo>testo</bdo></nowiki
|-
| <nowiki><blockquote> ... </blockquote></nowiki> || {{tl|Quote}} || <code>blockquote</code>, al cui interno possono essere annidati uno o più tag <code>p</code>, marca una citazione nel testo. Su Wikibooks è sostituito dal [[Template:Quote]].
|-
| colspan="2" | <nowiki><cite></cite></nowiki> || Contiene il titolo di un'opera, e di default viene visualizzato in corsivo. Questa è una nuova definizione introdotta in HTML 5: in precedenza era usato per citazioni o riferimenti.
|-
| colspan="2" | <nowiki><code></code></nowiki> || Formatta le parti di testo che contengono codice di linguaggio di programmazione. MediaWiki applica uno stile css che lo visualizza con un carattere monospaziato.
|-
| colspan="2" | <nowiki><data></data></nowiki> || Realizza una versione dei contenuti leggibile da una macchina.
|-
| colspan="2" | <nowiki><del></del></nowiki> || Testo cancellato: le parole vengono battate.
|-
| colspan="2" | <nowiki><dfn></dfn></nowiki> || Indica una definizione.
|-
| colspan="2" | <nowiki><em>testo</em></nowiki> || Conferisce enfasi a una parte del testo (viene visualizzato in corsivo).
|-
| <nowiki><i>testo</i></nowiki> || <nowiki>''testo''</nowiki> || Testo in corsivo.
|-
| colspan="2" | <nowiki><ins>testo</ins></nowiki> || Indica una parte di testo che è stata aggiunta. Può essere usata nelle pagine di discussione per proporre l'inserimento di nuove parti.
|-
| colspan="2" | <nowiki><kbd></kbd></nowiki> || Indica un input da parte dell'utente. Per esempio: <code>Premere <nowiki><kbd>Invio</kbd></nowiki></code><br/>Premere <kbd>Invio</kbd>
|-
| colspan="2" | <nowiki><mark>testo</mark></nowiki> || Segnala una parte di testo evidenziata. Di default il testo viene evidenziato in giallo, ma è possibile cambiare colore. Per esempio: <nowiki><mark style="background:lightblue">HyperText Markup Language</mark></nowiki><br/><mark style="background:lightblue">HyperText Markup Language</mark>
|-
| colspan="2" | <nowiki><pre>testo</pre></nowiki> || Mostra un blocco preformattato di testo. MediaWiki lo considera come una funzione parser e non come tag HTML, ma il risultato è lo stesso.
|-
| colspan="2" | <nowiki><q>testo</q></nowiki> || Segnala una breve citazione.
|-
| colspan="2" | <nowiki><ruby>testo</ruby></nowiki> || Viene utilizzato per le annoazioni ruby, in uso nella tipografia orientale.
|-
| colspan="2" | <nowiki><samp>testo</samp></nowiki> || Segnala l'output di un programma
|-
| colspan="2" | <nowiki><small>testo</small></nowiki> || Mostra il testo con un corpo minore.
|-
| colspan="2" | <nowiki><strong>testo</strong></nowiki> || Conferisce forte enfasi al testo. I browser lo visualizzano in grassetto.
|-
| colspan="2" | <nowiki><sub>testo</sub></nowiki> || Testo come pedice.
|-
| colspan="2" | <nowiki><sup></sup></nowiki> || Testo come apice.
|-
| colspan="2" | <nowiki><time>10.00</time></nowiki> || Segnala un orario.
|-
| colspan="2" | <nowiki><u></u></nowiki> || Testo sottolineato.
|-
| colspan="2" | <nowiki><var></var></nowiki> || Formatta il testo in corsivo per segnalare una variabile all'interno del codice in linguaggio di programmazione.
|-
| colspan="2" | <nowiki><wbr></nowiki> || Posto tra due parole, impedisce che vengano separate da un'interruzione di linea.
|}
===
{{vedi anche|Aiuto:Liste}}
{| class="wikitable"
|-
! HTML !! Wiki !! Descrizione
|-
| <dl><br/><dt>Termine</dt><br/><dd>Definizione</dd><br/></dl> || <nowiki>;Termine</nowiki><br/><nowiki>:Definizione</nowiki> ||
|-
| <ol><br/><li>Elemento 1</li><br/><li>Elemento 2</li><br/></ol> || <nowiki>#Elemento 1</nowiki><br/><nowiki>#Elemento 2</nowiki> || Elenco ordinato di elementi: di fianco a ciascuno comparirà un numero.
Line 108 ⟶ 153:
| <ul><br/><li>Elemento 1</li><br/><li>Elemento 2</li><br/></ul> || <nowiki>*Elemento 1</nowiki><br/><nowiki>*Elemento 2</nowiki> || Elenco non ordinato di elementi: di fianco a ciascuno comparirà un pallino.
|}
===Contenitori===
MediWiki riconosce anche alcuni elementi contenitore, a cui si può ricorrere per motivi legati alla grafica e all'impaginazione.
{| class="wikitable"
|-
! HTML !! Descrizione
|-
| <code>div</code> || Contenitore generico, mostra i contenuto come un blocco.
|-
| <code>span</code> || Contenitore per elementi inline.
|}
===Tabelle===
{{vedi anche|Aiuto:Tabelle}}
==Elementi obsoleti==
Il seguenti elementi sono ora obsoleti nell'HTML 5, anche se vengono comunque supportati dai browser.<ref name=w3c_obsolete>{{cita web |titolo=HTML5: A vocabulary and associated APIs for HTML and XHTML: Obsolete Features |opera=W3C |data=31 luglio 2014 |url=http://www.w3.org/TR/html5/obsolete.html}}</ref> In ogni caso, ciascuno di questi tag ne ha uno alternativo oppure può essere sostituito con la corrispettiva funzione css.
{| class="wikitable"
|-
! HTML !! Descrizione
|-
| <code>big</code> || Visualizza il testo con delle dimensioni maggiori. È preferibile sostituirlo con gli stili CSS.
|-
| <code>center</code> || È usato per centrare gli elementi. È preferibile sostituirlo con gli stili CSS.
|-
| <code>font</code> || Specifica le dimensioni del font, il tipo oppure il colore. Se necessario, sostituirlo con stili di CSS, precisandoli all'interno di un tag <code>span</code>.
|-
| <code>strike</code> || Usato per barrare testo. È preferibile utilizzare <nowiki><s></s></nowiki>
|-
| <code>tt</code> || Visualizza il testo con un carattere monospaziato. Se è necessario inserire del codice in linguaggio di programmazione (per esempio in un libro di informatica) è meglio utilizzare <nowiki><code></code></nowiki>
|}
==Elementi non supportati==
I seguenti elementi non sono supportati, ma hanno un equivalente nel linguaggio wiki.
{| class="wikitable"
|-
! HTML !! Wiki !! Descrizione
|-
| <code>a</code> || <nowiki>[[link]]</nowiki> || In HTML serve per i link. Su Wikibooks deve essere sostituito dalle doppie parentesi quadre (vedi [[Aiuto:Wikilink]]).
|-
| <code>input</code> || <code>inputbox</code> || Usato per realizzare form. Su MediaWiki viene sostituito da Inputbox (vedi [[Aiuto:Inputbox]]).
|}
==Funzioni parser==
{{vedi anche|Aiuto:Funzioni parser}}
==Note==
<references/>
==Pagine correlate==
*[[Aiuto:Markup]]
*[[Aiuto:Tabelle]]
*[[Aiuto:Wikificare]]
[[Categoria:Aiuto]]
|