4.31. Introduction au HTML : structure de base, balises et attributs : AJAX et API Fetch
HTML, ou HyperText Markup Language, est le langage de balisage standard pour les documents conçus pour être affichés dans un navigateur Web. HTML est la pierre angulaire de tout développeur Web. C'est la structure de base de toute page Web. Une page Web sans HTML est comme un bâtiment sans fondations. Par conséquent, une solide compréhension du HTML est cruciale pour devenir un développeur front-end.
Structure de base du HTML
La structure de base du HTML se compose de balises utilisées pour définir et organiser le contenu de la page Web. Chaque document HTML commence par la déclaration de type de document . Ceci est suivi de la balise html qui encapsule tout le contenu de la page Web. Au sein de cette balise html, nous avons deux parties principales : la balise head et la balise body.
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
≪/head>
<body>
Contenu de la page
</body>
</html>
La balise head contient des métadonnées sur la page Web, telles que le titre de la page, des liens vers CSS et JavaScript, ainsi que diverses autres informations qui ne sont pas affichées directement sur la page Web. La balise body contient le contenu réel de la page Web affichée dans le navigateur.
Balises et attributs HTML
Les balises HTML constituent la base du HTML. Ils définissent et organisent le contenu de la page Web. Chaque balise commence par un crochet angulaire (<) suivi du nom de la balise et se termine par un crochet angulaire (>). La plupart des balises HTML sont présentées par paires, ce qui signifie qu'elles ont une balise d'ouverture et une balise de fermeture. La balise de fermeture est similaire à la balise d'ouverture, mais elle comporte une barre oblique (/) avant le nom de la balise. Par exemple, la balise de paragraphe s'écrit <p> pour ouvrir et </p> pour fermer.
Les attributs HTML sont utilisés pour fournir des informations supplémentaires sur les balises HTML. Ils sont toujours spécifiés dans la balise d'ouverture et se présentent généralement sous forme de paires nom/valeur. Par exemple, la balise de lien (<a>) utilise l'attribut href pour spécifier l'URL du lien.
<a href="https://www.example.com">Ceci est un lien</a>
API AJAX et Fetch
AJAX, ou Asynchronous JavaScript and XML, est une technique qui permet aux pages Web d'être mises à jour de manière asynchrone, en envoyant et en recevant des données du serveur sans interférer avec l'affichage et le comportement de la page existante. Cela signifie que vous pouvez mettre à jour des parties d'une page Web sans recharger la page entière.
L'API Fetch fournit une interface permettant de récupérer des ressources (y compris des ressources multi-origines) sur le Web. Il s'agit d'une alternative plus moderne et flexible à AJAX, avec une API plus puissante et plus facile à utiliser. L'API Fetch renvoie des promesses et utilise une syntaxe plus propre et plus élégante, rendant le code plus lisible et plus facile à maintenir.
récupérer('https://api.exemplo.com/dados')
.then(réponse => réponse.json())
.then(données => console.log(données))
.catch(erreur => console.error('Erreur :', erreur));
En bref, HTML est le langage de balisage que nous utilisons pour structurer et donner du sens à notre contenu sur le Web, en définissant ce qu'est un en-tête, un paragraphe, un lien, etc. Les balises et attributs HTML constituent la base du HTML, tandis qu'AJAX et l'API Fetch sont des techniques puissantes qui vous permettent de créer des expériences utilisateur dynamiques et interactives sur le Web.
