venerdì 1 luglio 2011

Struttura e presentazione delle informazioni sul Web


XHTML

HTML: nascita ed evoluzione

HyperText Markup Language è il linguaggio utilizzato per la creazione delle pagine web. Linguaggio di markup: descrive i modi d’impaginazione, formattazione o layout del contenuto.
HTML non è un linguaggio di programmazione, bensì un linguaggio di markup, in altre parole descrive le modalità di impaginazione, formattazione o visualizzazione grafica (layout) del contenuto di una pagina web.
Esso è stato concepito per definire il contenuto logico e non l'aspetto finale del documento, lasciando ai browser completa libertà rispetto alla presentazione: la struttura e la presentazione delle informazioni sono due concetti ben distinti.
Nel corso degli anni, però, HTML perde gradualmente la sua “purezza” originale:

XHTML e CSS

XHTML = struttura
CSS = presentazione
(X)HTML è una versione di HTML basata sul metalinguaggio XML e ha una sintassi rigorosa. Serve per definire la struttura logica dei documenti.
I fogli di stile CSS (Cascading Style Sheet) permettono di definire gli aspetti di presentazione dei documenti.

Documenti XHTML

In XHTML ci sono tre possibili DTD: il più usato e
<!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN“
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd">

Validazione

XHTML: class e id

Identificatori id identificano in modo univoco im singolo elemento nel documento HTML.
Es. <p id=”mittente”> Francesca </p>
Le classi possono essere associate ad un numero indefinito di elementi.
Es. <p class=”testoblu”>Testo paragrafo</p>
<h2 class=”testoblu”>titolo</h2>
Negli elementi privi di contenuto:
<img src:=”immagine.jpg”/>
Attributi sempre tra virgolette

Annidamento

L’elemento annidato è il figlio(child), quello contenitore è il genitore(parent).

XHTML: struttura base di un documento

L’elemento HTML

Affinché un documento xhtml possa essere considerato valido bisogna associare al tag <html> l’attributo xmlns , che specifica lo spazio dei nomi.
In XHTML è possibile estendere il set di tag con altri linguaggi, anche creati personalmente.
Il NameSpace per xhtml è= http://www.w3.org/1999/xhtml

Prologo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

L’elemento head

Vengono  inseriti metatag, script, fogli di stile etc.
<title> deve essere significativo.

I commenti

<!—testo del commento -->

XHTML: formattazione del testo

Paragrafi

<p> testo del paragrafo </p>

Interruzione di riga

<br/> andare a capo senza iniziare un nuovo paragrafo.

Intestazioni

Sei livelli di intestazione con gli elementi: h1,h2,h3,h4,h5,h6.

Caratteri speciali

Nessun commento:

Posta un commento