Archivio della categoria 'HTML'

Tabelle riassuntive di entity e caratteri speciali HTML

HTML, Localizzazione, Tips & tricks Nessun commento »

Come sapete le entity sono una particolare forma di codifica usata in HTML per individuare alcuni caratteri speciali in maniera indipendente dalla tastiera e dal sistema operativo che si sta utilizzando. Le prime definizioni delle entity sono state introdotte nella versione HTML 2.0, le successive nella 3.2. Per questo e per tanti altri motivi che non è il caso di discutere qui, non tutti i browser supportano tutte le entity.

Quelle che riporto nella prossima pagina sono tabelle riassuntive delle principali entity e di altri caratteri speciali che possono rivelarsi utilissimi durante lo sviluppo di applicazioni per il web, specie quando si ha a che fare con versioni multilingue di interfacce HTML. Le tabelle provengono da un sito Internet inglese di cui ho perso qualsiasi riferimento, se qualcuno avesse modo di rintracciarne la fonte sarei lieto di poterla citare.

Leggi il resto »

Condividi:
  • del.icio.us
  • Google
  • Digg
  • Sphinn
  • Facebook
  • Technorati
  • YahooMyWeb

CSS e commenti condizionali per Internet Explorer

HTML, Tips & tricks Nessun commento »

Una versione particolarmente ben riuscita del logo di Internet ExplorerI commenti condizionali sono particolari istruzioni interpretabili dal browser Internet Explorer di Microsoft Windows. Sono supportati già dalla versione 5.0, ma pochissimi sono in grado di sfruttarne le notevoli potenzialità, specie nella correzione di interpretazioni anomale dei CSS proprio da parte del browser di casa Microsoft.

È possibile utilizzare commenti condizionali distinguendo addirittura la versione di Internet Explorer in uso dal navigatore, ottenendo effetti (o correzioni) differenti a seconda delle caratteristiche (o delle mancanze) specifiche della versione.

I commenti condizionali seguono una sintassi molto semplice, come nell’esempio che segue:

<!--[if IE 6]>
Qui ci metto istruzioni specifiche per Internet Explorer 6
<![endif]–>

Come si vede, il commento condizionale è un comando racchiuso tra gli indicatori di commento HTML: in questo modo i browser che non supportano questa funzionalità ignoreranno completamente il commento e le istruzioni in esso racchiuse.

Attenzione! Proprio per questo motivo, i commenti condizionali non possono essere utilizzati direttamente nei fogli di stile, ma vanno inclusi giocoforza nelle normali pagine HTML.

Ecco un altro semplice ma esaustivo esempio:

<p><!--[if IE]>
Stai utilizzando Internet Explorer<br />
<![endif]–>
<!–[if IE 5]>
Stai utilizzando Internet Explorer 5<br />
<![endif]–>
<!–[if IE 5.0]>
Stai utilizzando Internet Explorer 5.0<br />
<![endif]–>
<!–[if IE 5.5]>
Stai utilizzando Internet Explorer 5.5<br />
<![endif]–>
<!–[if IE 6]>
Stai utilizzando Internet Explorer 6<br />
<![endif]–>
<!–[if IE 7]>
Stai utilizzando Internet Explorer 7<br />
<![endif]–>
<!–[if gte IE 5]>
Stai utilizzando Internet Explorer, versione 5 o superiore<br />
<![endif]–>
<!–[if lt IE 6]>
Stai utilizzando Internet Explorer, versione inferiore alla 6<br />
<![endif]–>
<!–[if lte IE 5.5]>
Stai utilizzando Internet Explorer, versione inferiore o uguale alla 5.5<br />
<![endif]–>
<!–[if gt IE 6]>
Stai utilizzando Internet Explorer, versione superiore alla 6<br />
<![endif]–>
</p>
Il risultato di questo semplice elenco di commenti condizionali è riportato nelle righe seguenti, sempre che stiate utilizzando Internet Explorer (scelta sconsigliata):












Condividi:
  • del.icio.us
  • Google
  • Digg
  • Sphinn
  • Facebook
  • Technorati
  • YahooMyWeb

L’annoso problema dei lunghi IFRAME

HTML, Javascript, Tips & tricks Nessun commento »

Un iframe contenente la homepage di GoogleVi è mai capitato di navigare in un sito che ricorra agli IFRAME per la visualizzazione di alcuni contenuti? A parte il fatto che il loro utilizzo è - a mio parere - caldamente sconsigliabile, mi capita spesso di dover fare manutenzione a vecchi siti Internet che ricorrono agli IFRAME e di ritrovarmi in situazioni simili a quella che sto per descrivere. Leggi il resto »

Condividi:
  • del.icio.us
  • Google
  • Digg
  • Sphinn
  • Facebook
  • Technorati
  • YahooMyWeb