Conception de pages pour un navigateur

Liste des balises du HTML 5

Balise Utilisation
<!--...--> Pour un commentaire.
<!DOCTYPE> En HTML5 le doctype à déclarer est : <!DOCTYPE html>.
<a> Pour les hyperliens.
<abbr> Pour une abréviation.
<address> Pour les informations relative aux auteurs du document.
<area> Pour les différentes zones d'une carte image.
<article> Pour englober du contenu autonome.
<aside> Pour englober des informations non essentielles à la page.
<audio> Pour lire un fichier audio.
<b> Pour du texte en gras dans un paragraphe. Préférer la balise <strong> pour donner de l'importance au texte.
<base> Pour définir l'URL de base de la page (l'utilisation de cette balise est parfois controversée).
<bdi> Pour du texte dont la direction est spcifique.
<bdo> Pour du texte dont la direction est spcifique.
<blockquote> Pour une longue citation venant d'une source externe.
<body> Pour la partie principale du document HTML.
<br> Pour créer un saut de ligne dans un paragraphe.
<button> Pour un bouton.
<canvas> Pour créer un graphique avec la possibilité de l'animer avec du JavaScript.
<caption> Pour le titre d'un tableau.
<cite> Pour le titre d'une oeuvre, d'un document ou d'un évènement.
<code> Pour déclarer du code informatique.
<col> Pour créer des colonnes dans un tableau.
<colgroup> Pour créer des groupes de colonnes dans un tableau.
<datalist> Pour une liste déroulante.
<dd> Pour la description d'une définition, s'utilise avec la balise <dl>.
<del> Pour indiquer qu'une partie de texte est supprimée, mais conservée pour en garder la trace.
<details> Pour afficher/masquer une information. Un résumé peut être insérer grâce à la balise <summary>.
<dfn> Représente le terme d'une définition.
<div> Utilisée comme conteneur pour une mise en forme en CSS.
<dl> Pour une liste de définitions.
<dt> Pour déclarer une définition, s'utilise avec la balise <dl>.
<em> Pour mettre une partie de texte en emphase dans un paragraphe.
<embed> Pour du contenu externe et interactif ou pour un plug-in.
<fieldset> Pour regrouper des éléments d'un formulaire.
<figcaption> Pour écrire une légende ou une description dans le conteneur <figure>, avant ou après le contenu.
<figure> Pour regrouper un ou plusieurs médias ( illustrations, diagrammes, exemples de code, photos...). On utilisera la balise figcaption pour décrire les médias utilisés.
<footer> Pour regrouper les informations de bas de page dans une section ou un article.
<form> Pour un formulaire.
<h1> à <h6> Pour des titres hiérarchisés.
<head> Pour les informations d'en tête du document HTML.
<header> Pour l'entête d'une section, d'un article ou d'une page.
<hr> Pour créer une ligne de séparation.
<html> Déclaration du document HTML. On lui rajoutera l'attribut lang pour déclarer la langue utilisée.
<i> Pour indiquer qu'une partie du texte est différent du reste.
<iframe> Pour créer une sous-fenêtre.
<img> Pour déclarer un emplacement d'image.
<input> Pour un champ de texte.
<ins> Pour insérer un nouveau texte dans un document révisé.
<keygen> L'élément keygen représente un contrôle de générateur de clé stockée dans "keystore local".
<kbd> Lorsque le texte est utilisé pour définir des actions au clavier.
<label> Étiquette utilisée comme titre d'une commande.
<legend> Titre du fieldset auquel il se rapporte.
<li> Item d'une liste ordonnée ou à puce.
<link> Permets de lier une ressource externe à la page HTML.
<main> Pour déclarer le contenu important d’une page HTML. Cette balise ne peut donc être utilisée qu’une fois par page.
<map> Utilisée pour créer une carte d'image avec des zones réactives.
<mark> Pour marquer du texte.
<menu> Pour une liste de commande.
<meta> Permets d'ajouter des métas à la page HTML.
<meter> Pour les mesures.
<nav> Pour regrouper des liens qu'ils soient internes à la page ou pour des pages liées. Il est recommandé, mais non obligatoire d'utiliser les listes à puce pour lister les liens.
<noscript> Utilisée pour indiquer un message dans le cas où JavaScript serait désactivé.
<object> Pour déclarer un objet.
<ol> Utilisée pour les listes ordonnées.
<optgroup> Pour grouper des informations dans une liste déroulante.
<option> Pour déclarer un item dans une liste déroulante.
<output> Représente le résultat d'un calcul.
<p> Pour un paragraphe contenant une ou plusieurs phrases.
<param> Pour paramétrer un objet.
<pre> Pour du texte préformaté.
<progress> Pour une barre de progression.
<q> Pour une citation courte provenant d'une ressource externe.
<rp> Utilisé en annotations ruby pour définir ce qui est à montrer aux navigateurs ne supportant les éléments ruby.
<rt> Pour expliquer des annotations en Ruby.
<ruby> Utilisé pour des annotations en Ruby.
<s> Pour identifier une partie de texte qui n'est pas correct ou non pertinent.
<samp> Pour écrire un échantillon de code dans un paragraphe.
<script> Pour ajouter un script internet ou externe.
<section> Pour regrouper des éléments différents, mais partageant la même thématique.
<select> Pour une liste déroulante.
<small> Pour du contenu relatif mais non essentiel. Par exemple pour déclarer un copyright, des disclaimers, des mises en garde...
<source> Pour indiquer l'url et le type des médias dans les balises <video> et <audio>.
<span> Pour mettre en style une portion de texte qui se différencie des autres.
<strong> Pour mettre un texte en gras dans un paragraphe.
<style> Pour définir des styles dans le document HTML.
<sub> Pour des caractères à écrire en indice.
<summary> Généralement utilisée à l'intérieur du conteneur <detail>, il permet de décrire le sommaire, la légende ou le titre d'un élément.
<sup> Pour des caractères à écrire en exposant.
<table> Pour insérer un tableau.
<tbody> Pour le corps d'un tableau.
<td> Pour déclarer une cellule dans un tableau.
<textarea> Pour un champ de saisi.
<tfoot> Pour le pied de page d'un tableau.
<th> Pour déclarer une cellule d'entête d'un tableau.
<thead> Pour l'entête d'un tableau.
<time> Pour déclarer une date ou une heure.
<title> Pour le titre de la page HTML en cours de lecture.
<tr> Pour déclarer un champ dans un tableau.
<track> Pour une barre indiquant une portion de temps.
<u> Pour du texte avec des informations non textuelles.
<ul> Pour créer une liste à puces.
<var> Pour déclarer une variable.
<video> Pour lire une video.
<wbr> Balise non fermante à utiliser à l'intérieur d'un mot long pour forcer un retour à la ligne.

 

ostralo.net