Qu'est-ce que le HTML 5 de l'élément pour un héros de l'unité/vitrine?

Beaucoup de marketing et de contenu lourds-sites vitrine la page principale du contenu à l'aide d'un grand texte et/ou images, parfois avec un curseur, contenant un appel à l'action pour l'inscription à un service, ou le téléchargement d'une application, etc.. je ne suis pas sûr de ce que cet élément de conception est appelé, j'ai reçu le terme de héros de l'unité de twitter bootstrap:

http://twitter.github.com/bootstrap/components.html#typography

Je pense que la plupart d'entre vous savent ce que je suis en train de décrire... Si c'est pas clair je peux ajouter des captures d'écran ou des liens à cette question.

J'ai regardé un peu les différents sites, et certains mettent ce héros de l'unité à l'intérieur d'un ASIDE élément, d'autres utilisent SECTION, ARTICLE et même HEADER. En utilisant twitter bootstrap comme un exemple de nouveau:

<header class="jumbotron masthead">
  <div class="inner">
    <h1>Bootstrap, from Twitter</h1>
    <p>Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.</p>
    <p class="download-info">

Est HEADER la plupart balise appropriée pour ce type de contenu? Ou dois-je utiliser ASIDE, ARTICLE ou SECTION?

OriginalL'auteur deb | 2012-06-18

  1. 7

    De HTML5 médecin, où ils discutent de la façon de marquer le contenu principal:

    Des aides de technologie comme un lecteur d'écran peut trouver le contenu principal car c'est la première chose à l'intérieur d'une page qui n'est pas un header, nav ou le pied de page.

    Donc, je voudrais juste envelopper de votre "unité " héros" dans un section. Chaque groupe lié de contenu sur une page web doit être regroupé dans son propre section, avec la première section du début du contenu principal.

    Je voudrais cependant deuxième @net.au royaume-uni.de sweet suggestion d'utiliser fréquemment un HTML5 structure. En outre, vérifiez le code HTML décrivant l'article sur le Les Développeurs De Mozilla Réseau, c'était vraiment utile pour moi.

    Ce que tu dis a du sens, donc j'ai supprimé mon coup de poignard à la définition d'une structure en laissant plus que des conseils généraux.
    Juste assez - je vais retirer ma référence pour il alors!

    OriginalL'auteur Chris

  2. 2

    Je vous suggère de regarder le w3 spécifications pour chacune des balises que vous envisagez de l'utiliser et de la lecture de la description et des exemples d'utilisation. Bien sûr, vous avez seulement besoin de regarder le débat engendré par une question apparemment simple comme quand utiliser une balise article à réaliser que ce genre de choses est assez subjective. Cependant, la lecture de la spec va vous mettre dans une meilleure position pour formuler votre propre opinion:

    1. http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-header-element
    2. http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-aside-element
    3. http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-article-element
    4. http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#the-section-element

    Je pense que votre header balise doit être contenue dans une autre découpe de l'élément de sorte qu'il n'est pas hiérarchiquement égal aux autres en-têtes de page à l'intérieur de l'élément qui le contient. Ce que l'élément de sectionnement doit être dépendra du contenu de votre "héros de l'unité" et de la manière dont ce contenu est reliée au reste de la page.

    Enfin, vérifiez fréquemment votre travail dans un Document HTML5 outliner pour avoir une idée de la structure de la nouvelle section et la page qui la contient.

    OriginalL'auteur net.uk.sweet