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
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 46526La 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:
: 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 ...