La balise selon Larousse : « C’est un dispositif destiné à signaler un danger ou à délimiter une route, une voie de navigation maritime, intérieure ou de circulation aérienne ». Sur l’internaute on trouve : « Objet, dispositif qui permet de guider, de faire suivre un tracés précis ». Le premier rôle de la balise est donc celui de structurer les actions, trajets, codes… afin de se repérer et mieux circuler. De ce fait, la balise en HTML permet de délimiter, structurer et organiser les composants de la page web.
Dans la signalétique, les balises de la route sont reconnaissable par les formes, les couleurs et les symboles. Les balises de HTML quant à elle, sont identifiés par des nominations. On prend par exemple les paragraphes sont définis par la balise p et pour h1, h2, h3, h4, h5, h6 définissent les titres… On reconnait une balise HTML par les symboles « < » (chevron ouvrant) et « > » (chevron fermant). En général, les balises se composent de deux paires, une balise ouvrante et une balise fermante, comme par exemple la balise <a></a> ou <p></p>. Pour chaque règle des exceptions, il existe aussi des balises spéciaux qu’on nome les balises auto-fermantes ou balises vides. Ce sont des balises qui n’ont pas de balise fermante, comme, par exemple <img>, <br>, <meta>….. Toute balise HTML a ses propres attributs qui la complète et qui facilite son « paramétrage ».
Les types de balises :
Les balises HTML sont divisés et structurés selon leur rôle dans le DOM, il existe :
Les principales : Il s’agit des balises essentielles à la structure principale de la page web.
- <html></html>
- <head></head>
- <body></body>
Les balises des données de la page : Ce sont des balises qui donne des informations concernant les pages web tel le titre de la page, les liens des fichiers l’accompagnant, la langue utilisée…etc.
- <title></title>
- <meta/>
- <link/>
- <script></script>
- <style></style> (Ce dernier n’est pas souhaitable, de préférence créer un fichier .css et l’intégrer en utilisant la balise <link/>)
Les structurelles: Ces balises permettent de créer des sections et structurer ainsi le code HTML.
- <div></div>
- <span></span>
- <section></section>
- <form></form>
- <header></header>
- <footer></footer>
- <aside></aside>
- <nav></nav>
- <article></article>
Les balises de structuration du texte : Elles permettent de structurer et définir les balises contenant du texte.
Les listes : Ces balises créent des listes qu’elles soient numérotées ou non.
- <ul></ul>
- <li></li>
- <ol></ol>
Les tableaux : Elles sont spécifiquement utilisées pour créer des tableaux.
- <table></table>
- <thead></thead>
- <tbody></tbody>
- <tfooter></tfooter>
- <tr></tr>
- <td></td>
- <th></th>
Les formulaires : Elles permettent de créer les éléments utilisées dans les formulaires.
- <input>
- <select></select>
- <option></option>
- <textarea></textarea>
Block ou inline :
Les balises HTML ont un affichage par défaut selon la catégorie à laquelle elles appartiennent : block ou inline.
La balise de type block commence toujours dans une nouvelle ligne et prend le maximum de largeur.
Exemple de balises de type block :
<p>, <h1>…<h6>, <section>, <header>, <nav>…etc
La balise <div> est une balise spéciale de la catégorie block, elle permet de contenir plusieurs autres balises HTML et n’a pas d’attribut propre à elle.
La balise de type inline ne commence pas dans une nouvelle ligne et prend la largeur qui lui convient.
Exemple de balises de type inline :
<b>, <a>, <input>, <select>, <label>…etc
La balise <span> est une balise spéciale de la catégorie inline, elle permet d’identifier un texte dans un paragraphe ou dans un document afin de lui appliquer par la suite un style ou un script spécifique. Elle n’a pas d’attribut propre à elle.
Chacune des balises a un rôle spécifique dont elle est crée pour, le w3c préconise de ne pas utiliser une balise si une autre est plus appropriée.
