Differenze tra le versioni di "Aiuto:HTML"

5 363 byte aggiunti ,  7 anni fa
completo
(pagina di aiuto in fase sperimentale)
 
(completo)
{{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'intenrointerno delle pagine vengono preferiti questi ultimi due, anche se l'HTML è molto utile quando per la formattazione non esistono template.
 
==Tutorial==
Questa pagina d'aiuto fornisce solo qualche informazione generale sul markup. Per maggiori informazioniapprofondire si veda
 
*{{en}} [http://www.w3schools.com/html/html5_intro.asp HTML5 Introduction] sul sito w3schools.com
 
* <code>class</code>: la/e classe/i a cui l'elemento appartiene.
* <code>dir</code>: direzione del testo. Accetta i valori "<code>ltr</code>" (''left-to-right'', da sinistra a destra), "<code>rtl</code>" (''right-to-left'', da destra a sinistra) oroppure "<code>auto</code>".
* <code>id</code>: identifica univocamente l'elemento.
* <code>lang</code>: Lingualingua principale dei contenuti della pagina secondo il [http://www.rfc-editor.org/bcp/bcp47.txt BCP 47]. Il software MediaWiki aggiunge automaticamente l'attributo <code>xml:lang</code> ogni volta che viene definito <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:
 
Gli attributi dei microdati di HTML 5 che si applicano a tutti i tag:
* Qualsiasi attributo che inizi con <code>data-</code>
* <code>itemid</code>
* <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 wikiWiki.
 
===Titoli===
! 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> e crea un pop up che compare al passaggio del mouse, con il testo della definizione.
|-
| <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> || Il tag <code>bdi</code> cambia la direzione di una parte del testo.<br/>N.B.: è supportato da Firefox e Chrome.
|-
| colspan="2" | <nowiki><bdo>testo</bdo></nowiki><br/>Per esempio: <nowiki><bdo dir="rtl">HyperText Markup Language</bdo></nowiki><br/><bdo dir="rtl">HyperText Markup Language</bdo> || Specifica la direzione del testo. Accetta l'attributo <code>dir</code>, che prevede due attributivalori: <code>ltr</code> (da sinistra a destra) e <code>rtl</code> (da sinistra a destra).<br/>Per esempio: <nowiki><bdo dir="rtl">HyperText Markup Language</bdo></nowiki><br/><bdo dir="rtl">HyperText Markup Language</bdo>
|-
| <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.
|}
 
===ElenchiListe ordinatied e non ordinatielenchi===
{{vedi anche|Aiuto:Liste}}
 
{| class="wikitable"
|-
! HTML !! Wiki !! Descrizione
|-
| &lt;dl&gt;<br/>&lt;dt&gt;Termine&lt;/dt&gt;<br/>&lt;dd&gt;Definizione&lt;/dd&gt;<br/>&lt;/dl&gt; || <nowiki>;Termine</nowiki><br/><nowiki>:Definizione</nowiki> || ElencoTermine none ordinatosua/e di elementidefinizione/i. Il termine da definire verrà visualizzato in grassetto, la definizione in tondo con un rientro a sinistra.
|-
| &lt;ol&gt;<br/>&lt;li&gt;Elemento 1&lt;/li&gt;<br/>&lt;li&gt;Elemento 2&lt;/li&gt;<br/>&lt;/ol&gt; || <nowiki>#Elemento 1</nowiki><br/><nowiki>#Elemento 2</nowiki> || Elenco ordinato di elementi: di fianco a ciascuno comparirà un numero.
| &lt;ul&gt;<br/>&lt;li&gt;Elemento 1&lt;/li&gt;<br/>&lt;li&gt;Elemento 2&lt;/li&gt;<br/>&lt;/ul&gt; || <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]]