Byte Strike Blog

Oggi mentre provavo qualche esperimenti sul mio sito di appunti, ho notato che nell'aggiungere delle voci nella sidebar a destra c'erano delle incongruenze visive fra Internet Explorer 7 e Firefox 2.0.0.13.

Il codice è il seguente:

<ul class="rMenu-wide rMenu-ver rMenu">
<li><a href="http://www.php.net/">PHP</a></li>
<li><a href="http://java.sun.com/javase/6/docs/api/>J2SE  6</li> href="http://java.sun.com/javaee/5/docs/api/">J2EE 5</li>
<li><a href="http://java.sun.com/javame/reference/apis.jsp">J2ME;</li>
<li><a href="http://java.sun.com/reference/api/">Altro su Java</li>
<li><a href="http://msdn2.microsoft.com/en-us/library/default.aspx">MSDN library</li>
<li><a href="http://msdn2.microsoft.com/en-us/library/bb463989.aspx">Windows Live Contacts   API</a></li>
</ul>

Se ci fate case, da J2SE in poi mi son scordato di chiudere i tag <a>, tranne per l'ultimo caso. Conseguenze:

Come potete vedere, Firefox corregge gli errori HTML mostrando correttamente i collegamenti, mentre IE non corregge gli errori e mostra un risultato scorretto.

Da un lato è un bene che Firefox sappia correggere tali errori automaticamente dimostrandosi "fault tolerant", ma dall'altro lato può accadere che in fase di sviluppo, se per pigrizia non si fa una verifica incrociata del risultato in vari browser (perchè magari si sono apportate modifiche minimali, come l'aggiunta di qualche collegamento come in quest'esempio), succeda di ritrovarsi con sorprese indesiderate che rimangono tali fintanto che non le scopriamo per caso o non ce le rivela qualcuno.