Ti consiglio di leggere prima l’articolo sugli elementi di HTML.

Gli attributi contengono le informazioni relative ai dati del documento. Ad esempio:

<a href="http://www.google.it">Google</a>

o 

<img src="image.gif" width="75" />

HREF è un attributo di A e http://www.google.it è il valore di HREF -
SRC è un attributo di IMG, WIDTH è un altro attributo di IMG: image.gif è il valore di SRC, 75 è il valore di WIDTH.

In XHTML, il valore di un attributo deve essere necessariamente racchiuso tra virgolette, mentre in HTML possono essere omesse, anche se è buona pratica usarle sempre.

Alcuni attributi possono accettare valori di ogni tipo, per altri ci sono delle limitazioni. Gli attributi più comuni sono quelli che accettano valori predefiniti: si tratta cioè di scegliere un valore tra quelli di un elenco standard già predefinito. Ad esempio:

<link rel="stylesheet" type="text/css" media="screen" href="stle.css" />

Per l’attributo media dell’elemento link puoi inserire il valore screen, handled, print o altri ma non uno a piacere. Quando un attributo ha una lista fissa di valori, XHTML richiede che siano scritti in minuscolo mentre in HTML non ci sono limitazioni.

Molti attributi richiedono un valore numerico o percentuale: rientrano in questo gruppo gli attributi che descrivono una dimensione o una lunghezza. Quando si usa un valore numerico non si deve mai specificare l’unità di misura che è già sottointesa in pixel.

Gli attributi che invece controllano il colore possono avere come valore il nome del colore o il codice esadecimale che ne indica la componente rossa, verde e blu. (X)HTML non permette l’uso di valori numerici o di percentuale di colori al contrario dei css.

Altri attributi ancora, contengono invece un riferimento a file esterni e perciò i loro valori devono avere la struttra di un URL, ossia un riferimento univoco ad un file sul Web.

XHTML è un ingegnoso sistema per inserire in un documento di testo tutte le informazioni relative al contenuto. Queste informazioni sono definite markup e riguardano la formattazione e le relazioni fra le varie parti del documento.
XHTML fa uso di tre tipi principali di markup: elementi, attributi e valori.

Elementi

Puoi pensare agli elementi come a etichette che identificano e strutturano varie parti di una pagina Web, come se dicessi: “Questo è un titolo, questo è un paragrafo e questa è un’informazione importante“.
Alcuni elementi presentano uno o più attributi che completano e approfondiscono la descrizione della funzione dell’elemento stesso.

Gli elementi possono contenere testo, altri elementi o essere vuoti. Un elemento non vuoto è costituito da un tag di apertura, il contenuto ed un tag di chiusura; ad esempio:

Informazione <strong>importante</strong>

In questo caso <strong> è il tag di apertura racchiuso da parentesi angolari, poi c’è la parola da rendere in grassetto ed il tag di chiusura </strong> racchiuso anch’esso da parentesi angolari + la barra.

Un elemento vuoto si presenta come una combinazione di tag di chiusura e d’apertura; non includono contenuti testuali ed il singolo tag apre e chiude l’elemento. In HTML la barra finale è opzionale, in XHTML è obbligatoria. Ad esempio:

<br />
<img src="image.jpg" width="100" />

Ultima parte dei miei brevi articoli sulla nascita del WWW e l’evolversi dei vari linguaggi conosciuti per scrivere pagine Web. La crescita dei browser e il loro supporto ai css, la nascita del W3C, discorsi sull’accessibilità. Da HTML a XML e CSS.

• W3C, spingere verso gli standard
• HTML 4 e CSS
• XML e XHTML

Cosa usare?

Html è stato grande, non richiede una attenzione maniacale alla punteggiatura e ha reso facile scrivere pagine web. Ora, milioni di pagine dopo, forse è tempo di cambiare i nostri metodi.
Ci sono persone che affermano che HTML è il male e che XHTML è l’unica soluzione. Il linguaggio XHTML, è più potente, più flessibile, più facilmente supportato nel futuro ed è ampliabile fino a ricoprire ogni necessità. Ma è anche vero che non occorre sempre andare incontro ad ogni necessità: alcune volte vorrete pubblicare una semplice pagina senza diventare matti appresso ad ogni virgola. Fortunatamente siste una via di mezzo. Ci sono tre tipi di standard di markup, sia per HTML sia per XHTML.
Il primo, chiamato transitional, consente l’uso di tag deprecated. Il secondo, chiamato frameset, permette l’impiego sia dei tag deprecated sia l’uso del frame. Il terzo, definito strict, proibisce l’uso di qualsiasi tag deprecated. Potete combinare questi sistemi standard in vari gradi con i CSS. La combinazione miliore dipende da diversi fattori.

Scegliere fra HTML, XHTML e i CSS.

Non si raccomanda l’uso di tag proprietari perchè escludono parte degli utenti, ma esistono molte opzioni.
Ecco alcuni riferimenti per decidere.

• Più grande è il sito e più è importante usare i CSS e XHTML. I primi fanno sì che sia più facile l’applicazione, la modifica e l’aggiornamento della formattazione nell’intero sito, il secondo da alle pagine la struttura necessaria perchè duri nel futuro.
• Molte società e agenzie governative, soprattutto negli USA, richiedono che una pagina web adempia alle specifiche di accessibilità per consentire l’accesso alle persone disabili (e purtroppo in Italia siamo troppo indietro). In questo caso dovrete aderire quanto più possibile al codice XHTML strict, usando i CSS per la formattazione.
• I grandi siti commerciali, che ricercano una vasta utenza, potrebbero preferire il codice HTML transitional, prendendo vantaggi dal alcuni tag deprecated, mantenendo però la stabilità offerta da XHTML.
• I siti piccoli o personali potrebbero usare la sintassi HTML unendola alla potenza di formattazione dei CSS e impiegare occasionalmente i tag deprecated, quando necessario.
• Il consiglio è di usare XHTML e CSS e il minimo indispensabile di tag deprecated.

Per fonti e alcune delucidazioni per i post, ringrazio l’autrice del libro HTML per WWW, Elizabet Castro.

Continuazione dell’articolo HTML 4 e CSS:

A prima vista, XML assomiglia un po’ a HTML con i tag, gli attributi e i valori. Ma piuttosto che servire come linguaggio per la creazione delle pagine Web, XML è un linguaggio per la creazione di altri linguaggi. Puoi usare XML per progettare il tuo markup personale per formattare i documenti e che conterrà tag che descrivono i dati contenuti.
Questa è la potenza di XML: se un tag identifica i dati, questi diventano disponibili per altre funzioni. Per esempio, può essere realizzato un programma per estrarre solamente le informazioni desiderate, unendole con dati provenienti da un’altra sorgente e, infine, fornire la combinazione dei dati ottenuti in un’altra forma e per altri scopi. Le informazioni etichettate possono essere usate ogni volta sia necessario.
Ma, come sempre, i vantaggi hanno un prezzo. XML non è così accomodante come HTML, Per renderlo digeribile ai parser XML, questo linguaggio richiede molta attenzione alle lettere maiuscole e minuscole, alle virgolette, ai tag di chiusura e ad altri particolari.
Inoltre esistono già tantissime pagine Web scritte in HTML e milioni di server e browser sanno come leggerlo. La soluzione è piuttosto intelligente. Il W3C ha riscritto HTML in XML. Questo nuovo linguaggio ha tutte le caratteristiche di HTML, e perciò può essere compreso da qualsiasi browser. E poichè il suo intero lessico proviene da HTML, le persone che già conoscono quel tipo di markup per cominciare devono solo apprendere alcune regole di base.
Allo stesso momento, poichè questo nuovo linguaggio usa la sintassi di XML, ha tutta la sua potenza e la sua flessibilità, e rappresenta quindi la base perfetta per i CSS. Il suo nome? XHTML.

Continuazione dell’articolo w3c spingere verso gli standard :

La mossa successiva del W3C fu molto più audace. La vecchia versione di HTML univa contenuto, struttura e istruzioni di formattazione in un singolo documento, semplice ma poco flessibile. Il W3C creò un nuovo sistema in cui le istruzioni di formattazione potessero essere salvate separatamente dal contenuto e dalla struttura, e perciò fossero applicabili non a un solo paragrafo o a una pagina Web ma, se necessario, a un intero sito. Così nella nuova versione 4 di HTML, il W3C indicò come “deprecated” buona parte degli elementi di formattazione, per una loro futura rimozione dalle specifiche e contemporaneamente crearono un nuovo sistema d’istruzioni per la formattazione chiamato Cascading Style Sheets, CSS, per colmare il vuoto lasciato da quegli elementi.

Le specifiche originali dei CSS si limitavano soprattutto a ricreare gli effetti HTML. Le specifiche CSS 2, pubblicate nel 1998, portarono nuove funzionalità in particolare la capacità di collocare gli elementi su una pagina Web con maggiore precisione. I CSS ora possono non solo ricreare la formattazione HTML, ma anche layout di tipo professionale.

Tuttavia, fra estensioni proprietarie e codice sciatto, le pagine html sono un campo di battaglia. La maggior parte dei browser continua a far riferimento al passato comportandosi sempre in modo diverso, peggiorando di fatto la situazione, e non ci sono ancora standard per l’inserimento di nuove funzioni. Html era una piattaforma semplice ma non sufficientemente robusta su cui costruire, perciò il W3C aggiunse elementi strutturali: l’ Extensible Markup Language, XML.