Quanto semantico possiamo ottenere con HTML 5?

StackOverflow https://stackoverflow.com/questions/1025126

  •  06-07-2019
  •  | 
  •  

Domanda

Questa è una wiki della comunità che pone la domanda " Quanto semantico può ottenere il nostro markup HTML grazie a HTML 5? " Di seguito puoi trovare il codice sorgente di una pagina HTML 5 di esempio. L'obiettivo è quello di creare una pagina Web molto utilizzabile, accessibile e adatta allo stile utilizzando il minor numero possibile di classi e ID.

Inoltre, quando pensi di iniziare a implementare HTML 5? Aspetterai più di 10 anni prima che la bozza sia finalizzata o diventerai un & Quot; early adopter & Quot; ora che il supporto del browser è in rapida crescita? 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />  
        <title>Site Name &bull; Page Title</title>
    </head>
    <body>
        <nav>
            <h1><a href="/">Site Name</a></h1>
            <ul>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
            </ul>
        </nav>
        <header>
            <p>Welcome to the site!</p>
            <a href="#">Call to action!</a>
        </header>
        <section>
            <aside>
                <!-- Sidebar -->
            </aside>
            <article>
                <header>
                    <h2>Article Name</h2>
                    <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
                </header>
                <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
                <figure>
                    <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
                    <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
                </figure>
                <p>Lorem ipsum dolor...</p>
            </article>
        </section>
        <footer>
            <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p>
        </footer>
    </body>
</html>
È stato utile?

Soluzione

Non saranno più di 10 anni. Quel periodo di tempo è per & Quot; completamento finale & Quot; tutti i browser supportano tutte le parti delle specifiche. Dovrebbe diventare un candidato alla fine di quest'anno, all'inizio del prossimo e, si spera, approvato entro il 2011/2.

Lo sto gradualmente inserendo dove posso, proprio ora. Quanto uso dipende dal pubblico, ma poiché la condivisione di IE è in costante calo, ciò che non supporta non è più un killer, specialmente come & Quot di John Resig; HTML5 shiv & Quot; consente di riprodurre i tag semantici anche in IE6 con js attivato.

Ancora più importante, sto iniziando a spostare il mio pensiero in righe HTML5, usando le classi oggi per quello che diventerà domani tag HTML5 (div class = " nav "). In questo modo sarò più abituato a pensare in termini HTML5 quando si presenterà l'opportunità.

Altri suggerimenti

Anche se provo grande gioia nel vedere nuove funzionalità, resta ancora la verità che i miei clienti usano IE6 (e browser simili). Per quanto mi piacerebbe vedere tutti quelli che usano un browser moderno, il fatto che non lo siano significa che devo lavorare con tecnologie che non richiedono l'aggiornamento.

Lo userò non appena i browser lo supportano. I siti che realizzo sono principalmente progetti di hobby visitati principalmente dagli utenti di Firefox. (L'80% del mio traffico utilizza l'ultima versione di FF).

Tieni presente che l'elemento cite non è appropriato per il nome di una persona: HTML5 afferma " Il nome di una persona non è il titolo di un'opera & # 8212; anche se le persone chiamano quella persona un lavoro & # 8212; e quindi l'elemento non deve essere usato per contrassegnare i nomi delle persone. " Inoltre, la barra finale in <meta charset="UTF-8" /> non è necessaria.

Il driver principale per le persone che adottano HTML 5 sarebbe il miglior posizionamento dei motori di ricerca, senza di che non vedo un motivo enorme per adottare.

(Forse se le persone potessero in qualche modo convincermi che il web potrebbe essere più simile ai dati e quindi l'interoperabilità migliorerebbe, allora potrei essere un po 'convinto, ma sembra un po' eccessivamente ottimista)

Farò eco jonothan sampson. Finché un numero ragionevole di persone sta ancora utilizzando browser più vecchi, è difficile fare questo salto.

D'altra parte, è probabilmente sensato rilevare i browser e inviare una versione che abbia senso. Poiché le differenze tra le due lingue saranno moderate, sarà probabilmente fattibile trasformare una pagina HTML5 in HTML4 con classe e stili aggiuntivi a seconda dell'agente utente, magari con un piccolo lato server xslt. Detto questo, dubito che sarei io a inventare quella tecnologia, anche se la userei se o quando sarà disponibile.

Le persone continuano a menzionare una soluzione javascript per browser meno recenti come ie6 ma cosa succede se non supportano javascript?

Scusa non una risposta ma più un ????? Dato che questo è il punto, non capisco il supporto semantico html5 e IE.

Puoi sempre andare su cintura e bretelle per i browser più vecchi 

<nav><div id="nav"> some nav stuff</div></nav>

Ma mi sembra sporco?

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top