4.32. Introduction au HTML : structure de base, balises et attributs : Introduction à ES6+

Introduction au HTML

HyperText Markup Language, ou HTML, est le langage standard pour la création de pages Web et d'applications. Comprendre la structure de base du HTML, ainsi que ses balises et attributs, est essentiel pour tout développeur front-end.

Structure de base

La structure de base d'une page HTML se compose de trois parties principales : le DOCTYPE, l'en-tête et le corps.

• DOCTYPE : il s'agit de la première ligne de tout document HTML. Il indique au navigateur quelle version de HTML le document utilise.
• En-tête : cette section contient des informations sur la page, telles que le titre qui apparaît dans la barre de titre du navigateur et des liens vers les fichiers CSS et JavaScript utilisés par la page.
• Corps : il s'agit de la partie de la page que les utilisateurs voient réellement. Il contient tout le contenu de la page, tel que le texte, les images, les vidéos, les formulaires, etc.

Balises et attributs

Les balises HTML sont les éléments constitutifs de toute page Web. Ils définissent le type de contenu inséré sur la page. Chaque balise a un nom spécifique et est écrite entre crochets (< et >).

Les attributs sont utilisés pour fournir des informations supplémentaires sur les balises. Ils sont inclus dans la balise d'ouverture et sont généralement présentés par paires nom/valeur.

Par exemple, la balise de lien (<a>) est utilisée pour créer des liens sur une page Web. Il possède un attribut appelé « href » qui spécifie l'URL de la page vers laquelle pointe le lien.

Présentation de ES6+

ES6, également connu sous le nom d'ECMAScript 2015, est une version de JavaScript qui a introduit un certain nombre de nouvelles fonctionnalités et des améliorations significatives du langage.

ES6+ inclut toutes les versions d'ECMAScript publiées après ES6, notamment ES7 (ECMAScript 2016), ES8 (ECMAScript 2017), ES9 (ECMAScript 2018), ES10 (ECMAScript 2019), etc.

Principales fonctionnalités d'ES6+

• Let et Const : ce sont de nouveaux mots-clés introduits pour déclarer des variables. « Let » est similaire à « var », mais a une portée de bloc au lieu d'une portée de fonction. 'Const' est utilisé pour déclarer des constantes, c'est-à-dire des variables qui ne peuvent pas être réaffectées.
• Fonctions fléchées : il s'agit d'une nouvelle syntaxe pour écrire des fonctions en JavaScript. Elles sont plus courtes et plus faciles à écrire que les fonctions traditionnelles.
• Promesses : les promesses sont des objets qui représentent le résultat éventuel d'une opération asynchrone. Ils sont utilisés pour gérer les opérations asynchrones de manière plus efficace et plus flexible.

Ce ne sont là que quelques-unes des nombreuses nouvelles fonctionnalités et améliorations introduites par ES6+. L'apprentissage et la compréhension de ces concepts sont essentiels pour tout développeur JavaScript moderne.

Page suivante de lebook gratuit :

37Introduction au HTML : structure de base, balises et attributs : promesses et async/await

0 minutes