Différences entre versions de « Html5 »

De Didaquest
Aller à la navigationAller à la recherche
Ligne 45 : Ligne 45 :
 
<!-- *************** Commercez les modifications *******************-->
 
<!-- *************** Commercez les modifications *******************-->
  
 +
=== C'est quoi HTML5? ===
  
* HTML5 est la dernière révision officielle du HTML sortie en 2014.
+
* HTML5, sortie en octobre 2014, est la dernière révision du HTML .
 
* HTML (Hyper Text Markup Language) est le langage de balisage standard pour la création des pages Web depuis 1993.
 
* HTML (Hyper Text Markup Language) est le langage de balisage standard pour la création des pages Web depuis 1993.
* Il décrit la structure d'une page Web
+
* Il décrit la structure d'une page Web.
* Il se compose d'une série d'éléments  
+
* Il se compose d'une série d'éléments.
* Les éléments HTML indiquent au navigateur quoi afficher comme contenu: titre, paragraphe, image , tableau...
+
* Les éléments indiquent au navigateur quoi afficher comme contenu : titre, division, paragraphe, image , tableau...
 +
 
 +
=== Apport du HTML5 ===
 +
 
 +
* La structure sémantique
 +
L'utilisation des éléments de structuration sémantique des pages Web:
 +
plusieurs balises sont désormais des rôles précis,
 +
il ne devrait plus être nécessaire de recourir systématiquement aux div.
 +
 
 +
* L'intégration de l'audio et la vidéo,
 +
* L'intégration de dessin en 2D par les canvas,
 +
* La prise en charge des formats des objets vectoriels SVG.
 +
 
  
  
Ligne 62 : Ligne 75 :
 
</head>
 
</head>
 
<body>
 
<body>
     <h1>Titre de Niveau 1</h1>
+
     <header> <h1>Titre de Niveau 1</h1> </header>  
     <p>Un paragraphe</p>
+
     <nav><a href=" ">lien1</a></nav>
 +
    <section>
 +
        <article>
 +
        <p>paragraphe</p>
 +
        </article>
 +
    </section>
 +
    <footer> <p>pied de page</p> </footer>
 
</body>
 
</body>
 
</html></pre>
 
</html></pre>
  
  
=== Apport du HTML5 ===
 
 
* La structure sémantique
 
L'utilisation des éléments de structuration sémantique des pages Web:
 
plusieurs balises sont désormais des rôles précis,
 
il ne devrait plus être nécessaire de recourir systématiquement aux div.
 
 
* L'intégration de l'audio et la vidéo,
 
* L'intégration de dessin en 2D par les canvas,
 
* La prise en charge des formats des objets vectoriels SVG.
 
  
  

Version du 1 juin 2022 à 12:52


Autres Fiches Conceptuelles
Posez une Question


(+)

Target Icon.pngVotre Publicité sur le Réseau Target Icon.png

Puce-didaquest.png Traduction


More-didaquest.png Traductions


Puce-didaquest.png Définition

Domaine, Discipline, Thématique


More-didaquest.png Justification


Définition écrite



More-didaquest.png Html5 - Historique (+)


Définition graphique




Puce-didaquest.png Concepts ou notions associés


More-didaquest.png Html5 - Glossaire / (+)



Puce-didaquest.png Exemples, applications, utilisations

  • ...............................................................................

................................................................................ ................................................................................ ................................................................................

  • ...............................................................................

................................................................................ ................................................................................ ................................................................................


(+)



Puce-didaquest.png Erreurs ou confusions éventuelles



Puce-didaquest.png Questions possibles



Puce-didaquest.png Liaisons enseignements et programmes

Idées ou Réflexions liées à son enseignement



Aides et astuces



Education: Autres liens, sites ou portails




Puce-didaquest.png Bibliographie