HTML (il linguaggio di markup ipertestuale) e CSS (Cascading Style Sheets) sono due delle tecnologie principali per la creazione di pagine Web. HTML fornisce la struttura della pagina, CSS il layout (visivo e sonoro), per una varietà di dispositivi. Insieme alla grafica e allo scripting, HTML e CSS sono la base per la creazione di pagine Web e applicazioni Web. Scopri di più di seguito su:
Che cos’è l’HTML?
HTML è il linguaggio per descrivere la struttura delle pagine Web. HTML fornisce agli autori i mezzi per:
- Pubblica documenti online con intestazioni, testo, tabelle, elenchi, foto, ecc.
- Recuperare informazioni online tramite collegamenti ipertestuali, con un clic di un pulsante.
- Progettare moduli per lo svolgimento di transazioni con servizi remoti, per l’utilizzo nella ricerca di informazioni, effettuare prenotazioni, ordinare prodotti, ecc.
- Includere fogli di calcolo, clip video, clip audio e altre applicazioni direttamente nei loro documenti.
Con HTML, gli autori descrivono la struttura delle pagine usando il markup. Gli elementi dell’etichetta lingua pezzi di contenuto come ” paragrafo”, “elenco”, “tabella” e così via.
Che cosa è XHTML?
XHTML è una variante di HTML che utilizza la sintassi di XML, il linguaggio di markup estensibile. XHTML ha tutti gli stessi elementi(per paragrafi, ecc.) come variante HTML, ma la sintassi è leggermente diversa. Poiché XHTML è un’applicazione XML, è possibile utilizzare altri strumenti XML con esso (come XSLT, un linguaggio per trasformare il contenuto XML).
Che cos’è il CSS?
CSS è il linguaggio per descrivere la presentazione di pagine Web, inclusi colori, layout e font. Consente di adattare la presentazione a diversi tipi di dispositivi, come schermi di grandi dimensioni, schermi di piccole dimensioni o stampanti. CSS è indipendente da HTML e può essere utilizzato con qualsiasi linguaggio di markup basato su XML. La separazione di HTML da CSS rende più facile per mantenere i siti, condividere fogli di stile tra le pagine, e pagine su misura per ambienti diversi. Questo è indicato come la separazione della struttura (o: contenuto) dalla presentazione.
Che cos’è WebFonts?
WebFonts è una tecnologia che consente alle persone di utilizzare i font su richiesta sul Web senza richiedere l’installazione nel sistema operativo. W3C ha esperienza nei font scaricabili tramite HTML, CSS2 e SVG. Fino a poco tempo fa, i font scaricabili non erano comuni sul Web a causa della mancanza di un formato di font interoperabile. Lo sforzo di WebFonts prevede di affrontarlo attraverso la creazione di un formato di font aperto supportato dal settore per il Web (chiamato “WOFF”).
Esempi
Il seguente esempio molto semplice di una porzione di un documento HTML illustra come creare un collegamento all’interno di un paragrafo. Quando viene eseguito il rendering sullo schermo (o da un sintetizzatore vocale), il testo del collegamento sarà “relazione finale”; quando qualcuno si attiva il link, il browser recuperare la risorsa identificata da “http://www.example.com/report”:
<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>
class attributo del paragrafo tag iniziale (“<p>”) può essere utilizzato, tra le altre cose, per aggiungere un tocco di stile. Ad esempio, per corsivo il testo di tutti i paragrafi con una classe di “moreinfo”, si potrebbe scrivere, in CSS:
p.moreinfo { font-style: italic }
Inserendo quella regola in un file separato, lo stile può essere condiviso da qualsiasi numero di documenti HTML.