Vous êtes sur la page 1sur 2

Module 2 : Systèmes, technologies et Internet

R
Fiche n°1
appels

C’est quoi le HTML5 ?

 HTML 5 (HyperText Markup Language) est un langage de balisage (dit


aussi langage de marquage) qui permet de structurer le contenu des pages web
dans différents éléments.
 C’est un langage interprété par les navigateurs (Internet Explorer, Firefox, Chrome
...), ne pouvant en aucun cas effectuer des calculs, même simples comme une
multiplication.

Avantages HTML5

 Amélioration de la sémantique des pages Web.


 Structure de code plus propre et organisation du site en fonction des contenus.
 Déclaration claire et simple de Doctype : < ! DOCTYPE html>.
 Création des animations, diffusion des vidéos ou de la musique.
 Compatibilité entre les différents navigateurs et appareils (Pc, Smartphones…).
 Ajout d’un Canevas pour l'animation et le développement de jeux.
 Possibilité de navigation hors ligne.
 Prise en charge de la géolocalisation.
 Amélioration de stockage.
 Fournit des avantages d'optimisation pour les moteurs de recherche.

Structure d'un document HTML5

Le Doctype au début
En‐tête du document,
de page renseigne le
Il fournit de multiples
type de document
renseignements sur le
HTML délivré
document lui‐même.
que le contenu
n’indique pas.
Corps du document. La balise <HTML>
Contient tout le indique au navigateur
contenu de la page : qu’il s’agit d’un
texte, blocs, images … document HTML

titres, médias,
formulaires, etc.

Niveau : 4EME Sciences de l’informatiques 1 Prof : H.Sghaier


Les balises d’en-tête < head >

Balise < meta >

 Les balises META servent à placer des métadonnées (metadata) dans une page HTML. On
placera ces informations dans l’élément head, et elles ne seront pas affichées sur la page et
qui sont destinées aux
❖ Navigateurs web
❖ Moteurs de recherche
❖ Outils d’indexation
Exemples

 Définissez des mots-clés pour les moteurs de recherche :

<meta name="keywords" content="HTML, CSS, JavaScript">


 Définissez une description de votre page Web :

<meta name="description" content="Cours HTML et CSS">


 Définir l'auteur d'une page :

<meta name="author" content="Nom Prenom">


 Actualiser le document toutes les 30 secondes :

<meta http-equiv="refresh" content="30">


 Configuration de la fenêtre d'affichage

<meta name="viewport" content="width=device-width, initial-scale=1.0">


 Encodage des caractères à destination des navigateurs celle-ci doit se placer après le
<head> et avant le <title>
<meta charset="utf-8">
Balise < title >

 La norme HTML a prévu une balise spéciale pour le titre de la page, c'est la balise< title>.
Les moteurs de recherche y ont d'ailleurs accordé une grande importance

<title>Ici le titre de votre page</title>


Balise < link >
 Permet de charger les fichiers de code annexes à la page HTML, notamment les fichiers de
feuilles de style (.css)
Exemples

<link rel="stylesheet" href="fichier.css">


Balise < script >

 Utilisé pour définir un script en JavaScript encore elle peut pointer vers un fichier de script
externe (.js) avec l’attribut src, dans ce cas le contenu de la balise doit rester vide

<script src="script.js "> <script>

Niveau : 4EME Sciences de l’informatiques 2 Prof : H.Sghaier

Vous aimerez peut-être aussi