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 :
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
![COURS_INFORMATIQUE_APPLIQUÉE_À_LA_GESTION_ET_À_LA_FINANCE-2[1]](https://imgv2-1-f.scribdassets.com/img/document/517130529/149x198/c3f5cb680a/1662679666?v=1)
