{"id":227,"date":"2024-11-08T13:35:02","date_gmt":"2024-11-08T10:35:02","guid":{"rendered":"https:\/\/planeta21vek.ru\/elina732\/fr\/?p=227"},"modified":"2025-11-20T21:21:03","modified_gmt":"2025-11-20T18:21:03","slug":"metadonnees-html-avec-exemples-et-contenu-head","status":"publish","type":"post","link":"https:\/\/planeta21vek.ru\/elina732\/fr\/2024\/11\/08\/metadonnees-html-avec-exemples-et-contenu-head\/","title":{"rendered":"M\u00e9tadonn\u00e9es HTML avec exemples et contenu HEAD"},"content":{"rendered":"

La balise m\u00e9ta contient des m\u00e9tadonn\u00e9es sur le document HTML. Il peut inclure des informations telles que le nom de l’auteur, le titre du document, des mots-cl\u00e9s et un jeu de caract\u00e8res.<\/p>\n


\n<\/p>\n

\nAttributs meta:
\ncharset – Sp\u00e9cifie l’encodage du document.
\ncontent – D\u00e9finit la valeur d’un attribut sp\u00e9cifi\u00e9 avec name ou http-equiv.
\nhttp-equiv – Con\u00e7u pour convertir la balise m\u00e9ta en titre HTTP.
\nname – Le nom de la balise m\u00e9ta \u00e9tablit \u00e9galement indirectement son objectif.\n<\/p>\n\n

\r\n<head>\r\n  <meta charset="UTF-8">\r\n  <meta name="description" content="Ceci est la description de la page Web">\r\n  <meta name="keywords" content="HTML, CSS, JavaScript">\r\n  <meta name="author" content="Ivan Ivanov">\r\n  <meta name="viewport" content="width=device-width, initial-scale=1.0">\r\n<title>Ma page de test<\/title>\r\n<\/head>\r\n<\/pre>\n
\r\n<meta name="twitter:title" content="MDN Web Docs" \/>\r\n<\/pre>\n
L’un des r\u00e9sultats de l’ajout de ces m\u00e9tadonn\u00e9es est que lorsque vous ajoutez un lien MDN Web Docs vers Facebook, il appara\u00eetra avec une image et une description, am\u00e9liorant ainsi l’exp\u00e9rience utilisateur _(User eXperience, UX)_:<\/p>\n
\r\n<meta\r\n  property="og:image"\r\n  content="https:\/\/developer.mozilla.org\/mdn-social-share.png" \/>\r\n<meta\r\n  property="og:description"\r\n  content="La documentation Web sur MDN fournit\r\nfournit des informations sur les technologies Web ouvertes, notamment HTML, CSS et diverses API de sites Web.\r\net applications Web progressives. Le site contient \u00e9galement des informations destin\u00e9es aux d\u00e9veloppeurs sur ces\r\nProduits Mozilla comme les outils de d\u00e9veloppement Firefox." \/>\r\n<meta property="og:title" content="MDN Web Docs" \/>\r\n<\/pre>\n
Vous pouvez sp\u00e9cifier diff\u00e9rentes ic\u00f4nes pour diff\u00e9rents appareils. Par exemple, sur la page principale MDN:<\/p>\n
\r\n<link rel="shortcut icon" href="favicon.ico" type="image\/x-icon" \/>\r\n<!-- Pour iPad 3 avec \u00e9cran Retina haute d\u00e9finition: -->\r\n<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https:\/\/developer.mozilla.org\/static\/img\/favicon144.png" \/>\r\n<!-- Pour iPhone avec \u00e9cran Retina haute d\u00e9finition: -->\r\n<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https:\/\/developer.mozilla.org\/static\/img\/favicon114.png" \/>\r\n<!-- Pour iPad premi\u00e8re et deuxi\u00e8me g\u00e9n\u00e9ration: -->\r\n<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https:\/\/developer.mozilla.org\/static\/img\/favicon72.png" \/>\r\n<!-- Pour iPhone, iPod Touch sans Retina et appareils avec Android 2.1+: -->\r\n<link rel="apple-touch-icon-precomposed" href="https:\/\/developer.mozilla.org\/static\/img\/favicon57.png" \/>\r\n<!-- Pour les autres cas - normal favicon -->\r\n<link rel="shortcut icon" href="https:\/\/developer.mozilla.org\/static\/img\/favicon32.png" \/>\r\n<\/pre>\n
Connecter CSS et JavaScript<\/p>\n
\r\n<link rel="stylesheet" href="my-css-file.css" \/>\r\n<script src="my-js-file.js"><\/script>\r\n<\/pre>\n
CSS et JavaScript en ligne<\/p>\n
\r\n<script>\r\n..............\r\n<\/script>\r\n<style>\r\n.................\r\n<\/style>\r\n<\/pre>\n
Langue principale de la page HTML<\/p>\n
\r\n<html lang="ru">\r\n<html lang="en-US">\r\n<\/pre>\n\n","protected":false},"excerpt":{"rendered":"
La balise m\u00e9ta contient des m\u00e9tadonn\u00e9es sur le document HTML. Il peut inclure des informations telles que le nom de l’auteur, le titre du document, des mots-cl\u00e9s et un jeu de caract\u00e8res.<\/p>\n","protected":false},"author":1,"featured_media":228,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,7],"tags":[109,13,110],"class_list":{"0":"post-227","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-htmlverstka","8":"category-programmirovanie","9":"tag-head","10":"tag-html","11":"tag-meta"},"_links":{"self":[{"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":2,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":270,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/posts\/227\/revisions\/270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/media\/228"}],"wp:attachment":[{"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/planeta21vek.ru\/elina732\/fr\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}