Comment sémantique pouvons-nous obtenir avec HTML 5?

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

  •  06-07-2019
  •  | 
  •  

Question

C’est un wiki de communauté qui pose la question suivante: & "Quelle sémantique peut obtenir notre balisage HTML grâce à HTML 5? &"; Vous trouverez ci-dessous le code source d’un exemple de page HTML 5. L’objet est de créer une page Web très utilisable, accessible et stylée en utilisant le moins de classes et d’ID possibles.

De plus, quand comptez-vous commencer à implémenter HTML 5? Allez-vous attendre plus de 10 ans jusqu'à ce que le projet soit finalisé ou allez-vous être un & Quotient d'adoption précoce & Quot; maintenant que le support du navigateur augmente rapidement? 

<!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>
Était-ce utile?

La solution

Ce ne sera pas plus de 10 ans. Cette période correspond à & Quot; achèvement final &, Tous les navigateurs prennent en charge toutes les parties de la spécification. Il devrait être candidat à la fin de l'année, au début de l'année prochaine et, espérons-le, approuvé d'ici à 2011/2.

Je le mets en place là où je peux, maintenant. La quantité que j'utilise dépend de l'audience, mais comme la part d'IE diminue constamment, ce qu'elle ne prend pas en charge n'est plus un meurtrier, d'autant plus que & "HTML5 shiv &" De John Resig permet aux balises sémantiques de jouer même dans IE6 avec js activé.

Plus important encore, je commence à changer ma pensée en lignes HTML5, en utilisant les classes d'aujourd'hui pour ce qui deviendra des balises HTML5 demain (div class = & "nav &";). Ainsi, je serai plus habitué à penser en termes HTML5 lorsque l'occasion se présentera.

Autres conseils

Même si je suis très heureux de voir de nouvelles fonctionnalités, la vérité demeure que mes clients utilisent IE6 (et des navigateurs similaires). Même si j'aimerais que tout le monde utilise un navigateur moderne, le fait qu'ils ne le soient pas signifie que je dois travailler avec des technologies qui ne nécessitent pas leur mise à niveau.

Je vais l'utiliser dès que les navigateurs le prendront en charge. Les sites que je crée sont principalement des projets de loisir visités par les utilisateurs de Firefox. (80% de mon trafic utilise la dernière version de FF).

N'oubliez pas que l'élément cite n'est pas approprié pour le nom d'une personne: HTML5 indique &" Le nom d'une personne n'est pas le titre d'une œuvre & # 8212; même si les gens appellent cette personne un morceau de travail & # 8212; et l'élément ne doit donc pas être utilisé pour baliser les noms des personnes. " De plus, la barre oblique de fin dans <meta charset="UTF-8" /> n'est pas nécessaire.

Le moteur principal des utilisateurs de HTML 5 serait un meilleur positionnement dans les moteurs de recherche. Sans cela, je ne vois pas de raison énorme d'adopter.

(Peut-être que si les gens pouvaient me convaincre que le Web ressemblait davantage à des données et que, par conséquent, l'interopérabilité s'améliorerait, je pourrais être un peu convaincu, mais cela semble un peu trop optimiste)

Je vais faire écho à Jonothan Sampson. Tant qu'un nombre raisonnable de personnes utilisent encore les anciens navigateurs, il est difficile de faire ce saut.

D'autre part, il est probablement judicieux de détecter les navigateurs et d'envoyer une version sensée. Étant donné que les différences entre les deux langues seront modérées, il sera probablement possible de transformer une page HTML5 en HTML4 avec une classe et des styles supplémentaires en fonction de l'agent utilisateur, éventuellement avec un petit xslt côté serveur. Cela dit, je doute que ce soit moi qui invente cette technologie, même si je l’utiliserais si ou quand elle deviendrait disponible.

Les gens continuent de mentionner une solution javascript pour les navigateurs plus anciens, tels que ie6, mais que se passe-t-il s'ils ne prennent pas en charge javascript?

Désolé pas une réponse mais plus un ????? Comme c'est le point que je ne comprends pas sur le support sémantique html5 et IE.

Vous pouvez toujours aller ceinture et accolades pour les anciens navigateurs 

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

Mais ça me semble sale?

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top