Guida HTML per inserire contenuti nelle descrizioni dei percorsi
Le descrizioni dei percorsi accettano alcuni tag HTML per aggiungere contenuti e renderle più visive e di maggiore qualità.
Wikiloc accetta solo alcuni tag essenziali, limitandone altri per evitare un uso improprio del sito web:
- Basilari: Grassetto
- Paragrafi e interruzioni di pagina
- Elenchi
- Link: Collegamenti ipertestuali e immagini
- Pagine e animazioni Flash incorporate
Presto speriamo di poter aggiungere più elementi personalizzabili e un editor più intuitivo per scrivere descrizioni personalizzate in modo più semplice.
Dai un’occhiata ai tag consentiti:
BASICI:
| CODICE | SIGNIFICATO | CODIFICA |
|---|---|---|
| STRONG | Forte (grassetto più grande) | <strong> … </strong> |
PARAGRAFI:
| CODICE | SIGNIFICATO | CODIFICA |
|---|---|---|
| P | Paragrafo (aggiunge spazio prima e dopo) | <p> … </p> |
| BR | Line Break (a capo) | <br> |
LISTE:
Unordered list (Lista non ordinata, con punti): Bisognerà usare entrambi i codici contemporaneamente.
| CODICE | SIGNIFICATO | CODIFICA |
|---|---|---|
| UL | Unordered List (indica inizio e fine della lista) | <ul> … </ul> |
| LI | List Item (elemento della lista) | <li> … </li> |
Description list (Lista di descrizioni, senza punti): Bisognerà usare tutti e tre i codici contemporaneamente.
| CODICE | SIGNIFICATO | CODIFICA |
|---|---|---|
| DL | Description List (indica inizio e fine della lista) | <dl> … </dl> |
| DT | Description Term (elemento della lista, allineato a sinistra) | <dt> … </dt> |
| DD | Definition Description (dentro al DT, allineato a destra con gli altri DD) | <dd> … </dd> |
LINK:
| CODICE | SIGNIFICATO | CODIFICA |
|---|---|---|
| A | Hypertext Anchor (collegamento ipertestuale) | <a href="...URL...">...testo ipertestuale...</a> |
| IMG | Immagine | <img src="...URL..."> |
PAGINE INCORPORATE:
| CODICE | SIGNIFICATO | CODIFICA |
|---|---|---|
| IFRAME | Inline Frame (Pagina incorporata) | <iframe src="...URL..."></iframe> |
| EMBED | Embedded Flash Animation (animazione flash incorporata) | <embed src="...URL..."> |