Html Tag deprecati e sostituzione

  1. #1
    Utente Esperto L'avatar di Glock
    Data Registrazione
    Jul 2013
    Località
    Sherwood
    Messaggi
    745
    Salve a tutti,

    negli ultimi giorni abbiamo un po' aggiornato le guide, ma nonostante ciò vedo sempre persone che richiedono assistenza postando codici contenenti tag HTML deprecati.

    La prima cosa da dirvi, è sicuramente quella di leggere la guida dell'XHTML, la seconda è invece una lista dei tag deprecati con scritto con cosa sostituirli.


    Codice HTML:
    Codice:
    <font>  ->  <span>
    Esempi pratici:

    Codice HTML:
    Codice:
    <font size="15">     ->   <span style="font-size: 15px;">
    <font face="Arial">  ->   <span style="font-family: Arial;">
    <font color="red">   ->   <span style="color: red;">
    Da ciò possiamo dedurre che in sostituzione al tag <font>, sia subentrato <span>
    al quale bisognerà applicare uno stile CSS.




    Codice HTML:
    Codice:
    <b>       ->    <strong>
    <i>        ->    <em>
    <u>       ->    <span style="text-decoration: underline;">
    <s>       ->    <span style="text-decoration: line-through;">
    <blink>  ->     <span style="text-decoration: blink;">
    Anche qua si utilizza lo <span> in sostituzione e ciò sarebbe ancor migliore per <strong> e <em>, mentre il text-decoration: blink non è disponibile su IE, Chrome e Safari, pertanto si utilizzano i JavaScript.

    Codice HTML:
    Codice:
    <b>   ->   <strong>   ->    <span style="font-weight: bold;">
    <i>    ->   <em>       ->     <span style="font-style: italic;">
    Codice HTML:
    Codice:
    <span style="text-decoration: blink;">Parola</span>
    Codice:
    <script type="text/javascript">
    function doBlink() {
        if(document.getElementById('mioBlink').style.display == 'block') {
            document.getElementById('mioBlink').style.display='none';
        } else {
            document.getElementById('mioBlink').style.display='block';
        }
    }
    
    setInterval("doBlink()", 1000); // 1000 = 1 secondo, il tempo va espresso in millisecondi
    </script>
    <span id="mioBlink">Parola</span>




    Codice HTML:
    Codice:
    <marquee>   ->   JavaScript
    Ebbene sì, anche il tanto amato tag <marquee> è deprecato ormai, anche se sempre utilizzato. Per effettuare scorrimenti, si utilizza ormai solo il JavaScript, alcuni link utili per script che emulano il funzionamento del tag <marquee> li trovate qui sotto.

    Marquee orizzontale | Javascript | Script | Mr.Webmaster
    Marquee effetto ping-pong | Javascript | Script | Mr.Webmaster
    JavaScript: emulare il tag marquee | Gabriele Romanato

    Ovviamente non presentano le numerose possibilità di personalizzazione dell' omonimo tag, ma son sempre molto validi.




    Codice HTML:
    Codice:
    <frameset>   ->   <iFrame>




    Codice HTML:
    Codice:
    <hr />    ->    <div style="border-bottom: 1px solid #COLORE;"></div>
    Un altro amaro dispiacere è quello dell' HR, il tag che generava linee orizzontali. Per sostituirlo, si utilizza la proprietà css border, in questo caso
    border-bottom che genererà un bordo inferiore.



    Infine, ma non meno importante, ci sono alcune "regolette" che dall' HTML son passate al CSS.

    Per capirci, cose del tipo:

    Codice HTML:
    Codice:
    <div align="left"></div>
    Ormai son state abbandonate, per far spazio invece alla regola CSS
    float
    .

    Codice HTML:
    Codice:
    <div style="float: left;"></div>

    Il discorso vale ovviamente anche per gli altri tag e la stessa proprietà CSS è usata per la costruzione di template a più colonne, dicendo addio alle <table> che venivano in malo modo usate a questi scopi (ovviamente il tag non è deprecato e rimarrà utilizzabile per le tabelle vere e proprie).

    Oltre a ciò, il tag
    <object>
    (non deprecato, chiariamoci) sta pian piano per svanire, sostituito dall' HTML5. Infatti, in questa nuova versione dell' HTML, ci saranno i tag <audio> e <video>
    per includere i suddetti contenuti, mentre per includere file in flash rimarrà sempre utilizzabile l' <object>. Ovviamente, <audio> e <video> sono ancora in realizzazione, al momento supportano pochissimi tipi di file.



    Ultima modifica di Glock; 06-11-2013 alle 23:58
    Html Tag deprecati e sostituzione

Termini piu ricercati:

Nessuno è atterrato su questa pagina da un motore di ricerca. Almeno, non per ora...