L'essentiel du HTML5

Gérer les en-têtes <head>

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Explorez quelques balises HTML pouvant être employées dans l'en-tête du document. Pour quelques-unes d'entre elles, vous allez étudier leur rôle et leur utilisation.
05:07

Transcription

La balise Head du document va pouvoir contenir d'autres types de balises que les balises Title et Metacharset que l'on a vu jusqu'à présent. On va pouvoir ajouter d'autres types de balises, comme par exemple les http-equiv. Alors, je prends une mauvaise pioche volontairement, qui est la refresh-content, qui a souvent été utilisée par le passé et qui permettait de rafraichir le contenu de la page. Donc, là, toutes les 5 milisecondes, par exemple. Mais en plus d'indiquer une url comme un paramètre de content et donc de pouvoir réorienter la page vers un autre document. Alors, faites attention parce que Google, là-dessus va pouvoir dire son petit mot et se dire oulala, ça renifle un peu le farming ou les trucs de ce style là. Et donc, risque de pénaliser votre site. Toutes ces balises meta http-equiv vont pouvoir être décrite dans un document assez intéressant sur un gitup qui va donc lister une grande partie de ces éléments meta-name et meta http-equiv et on va pouvoir notamment voir ici le fameux refresh qu'il n'est plus vraiment recommandé d'utiliser mais plutôt utiliser un protocole ht-acces qui pourra faire un redirect si besoin était. En expliquant que c'est un pro-ar ou la raison pour laquelle. Mais une fois que c'est une requête http qui va le faire, ça sera beaucoup moins polluant que pourrait l'être le http-equiv. Alors continuons la poursuite de ce type de balises qui peuvent être utilisées, il y a aussi les balises linkk qui vont permettre de lier des documents externes de feuilles de style css. Penser à simplement définir l'attribu réél qui va indiquer la nature du document lié. On pourra faire aussi les media-queri, on verra ça par la suite. Vous avez la possibilité d'utiliser des styles en dur, donc définir la balise style qui va venir déclarer des règles qui ne seront utilisées que pour ce document. Donc à utiliser avec parcimonie quand même parce que c'est quelque chose qui ne va pas être mutualisé, récupéré et qu'on pourra partager entre plusieurs pages. Les scripts, pareil, vous pouvez utiliser la balise script avec un attribut qui va lier un script extérieur à votre document. Ou utiliser la balise script qui va définir un script pur et dur pour cette page, un peu comme on l'a fait à la ligne 5 pour les styles. No-script, penser à placer cette balise quand vous utilisez des scritps. C'est à dire, que doit faire le navigateur lorsqu'il rencontre un contenu et que l'utilisateur a désactivé la fonction valider le script. Généralement, on ne le prend pas en considération, alors faites attention. Tout à l'heure, on a vu Modernizr, mais Modernizr fonctionne sur Javascript lui. Il ne pourra pas détecter que Javascript n'est pas activé, par du Javascript. Donc, utilisez cette balise là, qui va permettre de bien prendre en considération, ce que vous devez faire ou que le navigateur doit faire si le Javascript est désactivé. Rappelez vous de Deezer, la plateforme d'écoute musicale, qui lorsque Javascript était désactivé, vous arriviez sur un écran noir. Qu'est-ce qu'on fait ? Rien. Donc, pensez au moins à donner une information de ce qu'il faut faire. Soit pour activer le Javascript, soit de réorienter la page vers une fonctionnalité certes réduite mais qui permettra de gérer la visite de votre internaute sans le pénaliser. Vous avez aussi les attributs link, qui vont pouvoir être utilisé pour pouvoir définir des icones. Et là aussi, je vous conseille de revenir sur le site de Joshua où tout va être détaillé ici, sur les link éléments, tous les icones, la manière dont vous allez pouvoir traiter les favicon, etc... Donc venez piocher un peu des informations dans cet article, c'est assez bien renseigné. Et comme vous voyez, il y en a énormément donc ça dépasserait le cadre de cette étape. Alors pour les icones, juste quelque chose d'assez intéressant, c'est que vous pouvez avoir un icon converter en ligne, si vous n'avez de logiciel qui permet de fabriquer du .ico. Vous pointez vers un fichier que vous avez, donc PNG, JPEG, GIF, etc... Vous le convertissez dans tous les paramètres que vous souhaitez et vous allez pouvoir changer l'icone par défaut de votre page. Vous voyez ici, j'ai une page balise head, ici qui a un icone par défaut du serveur Xampp qui est utilisé pour propulser ses pages. Alors, si je change le code html, je vais rajouter par exemple un link ico, tout simplement, donc un fichier que j'ai préparé, et que j'ai transformé en .ico. Il suffit d'enregistrer la page. Quand j'actualise ma page dans le navigateur, ici maintenant, vous voyez que l'icone est pris en considération. Alors, dans firefox, certaines fonctionnalités de gif animés peuvent être prises. Vous pouvez utiliser un gif animé. Alors pour ça, on va placer, simplement pour firefox, les commentaire sur l'autre partie, ici, et là vous allez avoir un gif animé, qui va pouvoir être lu. Sur Chrome ça ne fera qu'une séquence, donc ça sera pas bouclé. Et vous pouvez continuer à utiliser différents types de fonctionnalités pour pouvoir changer cet icone-là. Donc tout ça se passe dans le head du fichier. Et il existe encore une fonctionnalité assez intéressante à travailler, on la verra aussi de manière verticale tout à l'heure. C'est la balise base, qui va permettre de redéfinir le chemin racine sur lequel tous les documents liés vont venir piocher leurs références. Idem pour la tribu target, qui va être définie par défaut à cet endroit là. Donc, une balise head qui peut être peuplé d'un certain nombre de balises html. qui vont venir permettre d'enrichir l'information ou les documents relatifs qui vont être propre à notre document en cours de consultation.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :29 juin 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !