HTML5 et éléments de page sémantiques

HTML5 renforce la notion de balisage sémantique dans la création de pages web, ce qui signifie que les balises décrivent la ce qui signifie

Sommaire

  • Histoire du monde
  • de la section dans le contexte de la page et non pas comment la page regarde.

    Comment formater le texte navigateurs dans ces balises varie de italiques standard pour le

    tag à aucune mise en forme que ce soit. Utilisez CSS pour déterminer exactement comment vous voulez que le contenu apparaît. Notez que Firefox 3 supporte la plupart des balises sémantiques, mais vous avez besoin d'ajouter display: block CSS en sorte que le contenu apparaît comme prévu.

    Porte-clés comprennent:

    • : Cette contient des informations de contact pour l'auteur d'une page ou d'une section et est destiné à être utilisé à l'intérieur tout le contenu de la page ou à l'intérieur d'une section ou d'un article pour indiquer l'auteur de cet article. Autres tags (ancres en particulier à des adresses e-mail ou page de liens) peuvent être intégrés dans l'adresse. Par example:

      10475 Crosspoint Blvd
      Indianapolis, IN 46526

      La plupart des navigateurs rendent adresses que italiques, mais ce ne sont pas garanties. Vous pouvez dicter exactement comment le contenu de l'adresse apparaît avec CSS.

    • : Un article est un sous-ensemble d'une page. Utilisez le
      tag pour indiquer le contenu qui est venu d'une source extérieure ou est en quelque sorte indépendante de la page principale contenu. Typiquement, les articles sont utilisés pour marquer les sections de la page qui sont portées depuis une sorte de système d'agrégation. Un exemple de la
      tag en cours d'utilisation:

      Dejavascript et AJAX pour les nuls

      Chaque fois que dans un certain temps, une technologie vient le long thatthreatens de tout changer. AJAX est un suchtechnology. Dans ce livre, vous apprendrez ce que tout le fussis et pourquoi Ajax est une grosse affaire.

      La plupart des articles incluent un lien vers la page d'origine si l'article est à partir d'un document en ligne. La

      tag ne pas importer des données à partir d'une source externe, il indique simplement que la relation est externe.




    • : Cela indique un fragment de la page qui est lié à, mais distinct du contenu principal. Outre le texte est généralement formaté comme une barre latérale, comme dans le code suivant:

    • : Utilisé pour représenter le contenu du pied de page d'une page, qui contient normalement des informations auteur de contact (généralement dans un
      tag). Code pour un pied de page peut ressembler à ceci:

      Cette balise est principalement destiné à remplacer le

      "footer"> idiome couramment utilisé dans HTML 4 et XHTML.

    • : Principalement utilisé pour spécifier un en-tête de page, cette balise remplace le
      "entête"> idiome fréquemment utilisé dans HTML 4 et XHTML. Échantillon
      Code:

      Ceci est ma tête

      L'en-tête contient normalement une h1 et d'autres informations qui appartient dans la tête de mât visuel de la page. Ne confondez pas la

      élément (qui est une section visible de la page) avec le élément (qui contient des métadonnées L'utilisateur ne voit pas). A noter également que le
      élément ne remplace pas le

      par
      éléments, mais les contient habituellement.

      La

      élément peut également être utilisé à l'intérieur d'un article ou d'un article pour indiquer qu'un h1 à l'intérieur de cet élément est une position de l'élément, et non pas pour la page de niveau un. Ceci est utile parce qu'une page doit avoir un seul niveau un élément. Beaucoup de pages sont construites par les agrégateurs ou des systèmes de gestion de contenu, de sorte que chaque article et de l'article peuvent avoir une position sans entrer en conflit avec rubrique principale de la page de niveau un.

    • : Utilisez cette option pour associer un titre et un ou plusieurs sous-titres dans un groupe. La structure de cap normal est destiné à servir un aperçu de la page. Utilisation d'un h1 rubrique avec un h2 immédiate comme un sous-titre interfère avec les capacités décrivant. Vous pouvez mettre plusieurs rubriques dans un hgroup, et que la position initiale est considéré par les outils automatiques décrivant, comme dans ce qui suit:

      Histoire du monde

      (sans tous les trucs dégueu)

    • : Avec l'Associated élément, cette balise vous permet d'ajouter différents types de systèmes de menu. Par example:

      La

      tag supporte une type attribut qui indique le comportement du menu:

    • liste: Présenter les commandes un peu comme une liste.

    • contexte: À agir comme un menu pop-up lorsque l'utilisateur droit prévue; clique sur un élément.

    • barre d'outils: Présente les commandes comme une barre d'outils.

    La menu élément a une signification tout à fait différente en HTML5 qu'il a fait dans HTML 4, où il était un type de liste.

  • : Indiquant une partie de la page réservée à la navigation de page, cette balise remplace le
    "nav"> idiome fréquemment utilisé dans HTML 4 et XHTML. Exemple de code:

  • Link a
  • lien b
  • lien c
  • Link D
  • lien e
  • : Indique une division d'une page ou d'un article- Une page peut être divisée en de nombreuses sections. Il est destiné à être plus spécifique que le
    tag actuellement utilisé en HTML 4 et le balisage XHTML. Cependant, les navigateurs modernes offrent peu de soutien pour le
    tag, donc l'utilisation de la
    ou
    tag est logique que les coups de pied de soutien en. Echantillon lt;section> Code:

  • Section 1

    Section corps ...


    » » » » HTML5 et éléments de page sémantiques