![](\"https:\/\/planeta21vek.ru\/elina732\/deu\/wp-content\/uploads\/2024\/11\/tegi0811241.jpg\"\/)
<\/p>\nDas Meta-Tag enth\u00e4lt Metadaten zum HTML-Dokument. Es kann Informationen wie den Namen des Autors, den Titel des Dokuments, Schl\u00fcsselw\u00f6rter und den Zeichensatz enthalten.<\/p>\n
<\/p>\n
\nAttribute meta:
\ncharset – Gibt die Dokumentkodierung an.
\ncontent – Legt den Wert eines mit angegebenen Attributs fest name oder http-equiv.
\nhttp-equiv – Entwickelt, um Meta-Tags in Titel umzuwandeln HTTP.
\nname – Der Name des Meta-Tags legt indirekt auch seinen Zweck fest.\n<\/p>\n
\r\n<head>\r\n <meta charset="UTF-8">\r\n <meta name="description" content="Dies ist die Beschreibung der Webseite">\r\n <meta name="keywords" content="HTML, CSS, JavaScript">\r\n <meta name="author" content="Iwan Iwanow">\r\n <meta name="viewport" content="width=device-width, initial-scale=1.0">\r\n<title>Meine Testseite<\/title>\r\n<\/head>\r\n<\/pre>\n\r\n<meta name="twitter:title" content="MDN Web Docs" \/>\r\n<\/pre>\nEines der Ergebnisse des Hinzuf\u00fcgens dieser Metadaten ist das Hinzuf\u00fcgen eines Links MDN Web Docs an facebook, es wird mit einem Bild und einer Beschreibung angezeigt, was das Benutzererlebnis verbessert _(User eXperience, UX)_:<\/p>\n\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="Webdokumentation zu MDN bietet\r\nBietet Informationen zu offenen Webtechnologien, einschlie\u00dflich HTML, CSS und verschiedenen Website-APIs\r\nund progressive Webanwendungen. Die Website enth\u00e4lt auch Materialien f\u00fcr Entwickler zu diesem Thema\r\nMozilla-Produkte wie Developer Tools Firefox." \/>\r\n<meta property="og:title" content="MDN Web Docs" \/>\r\n<\/pre>\nSie k\u00f6nnen f\u00fcr verschiedene Ger\u00e4te unterschiedliche Symbole festlegen. Zum Beispiel auf der Hauptseite MDN:<\/p>\n
\r\n<link rel="shortcut icon" href="favicon.ico" type="image\/x-icon" \/>\r\n<!-- F\u00fcr iPad 3 mit High Definition Retina Display: -->\r\n<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https:\/\/developer.mozilla.org\/static\/img\/favicon144.png" \/>\r\n<!-- F\u00fcr iPhone mit High-Definition-Retina-Display: -->\r\n<link rel="apple-touch-icon-precomposed" sizes="114x114" href="https:\/\/developer.mozilla.org\/static\/img\/favicon114.png" \/>\r\n<!-- F\u00fcr iPad der ersten und zweiten Generation: -->\r\n<link rel="apple-touch-icon-precomposed" sizes="72x72" href="https:\/\/developer.mozilla.org\/static\/img\/favicon72.png" \/>\r\n<!-- F\u00fcr iPhone, iPod Touch ohne Retina und Ger\u00e4te mit Android 2.1+: -->\r\n<link rel="apple-touch-icon-precomposed" href="https:\/\/developer.mozilla.org\/static\/img\/favicon57.png" \/>\r\n<!-- In anderen F\u00e4llen - normal favicon -->\r\n<link rel="shortcut icon" href="https:\/\/developer.mozilla.org\/static\/img\/favicon32.png" \/>\r\n<\/pre>\nCSS und JavaScript verbinden<\/p>\n
\r\n<link rel="stylesheet" href="my-css-file.css" \/>\r\n<script src="my-js-file.js"><\/script>\r\n<\/pre>\nCSS und JavaScript einbinden<\/p>\n
\r\n<script>\r\n..............\r\n<\/script>\r\n<style>\r\n.................\r\n<\/style>\r\n<\/pre>\nPrim\u00e4rsprache der HTML-Seite<\/p>\n
\r\n<html lang="ru">\r\n<html lang="en-US">\r\n<\/pre>\n\n","protected":false},"excerpt":{"rendered":"Das Meta-Tag enth\u00e4lt Metadaten zum HTML-Dokument. Es kann Informationen wie den Namen des Autors, den Titel des Dokuments, Schl\u00fcsselw\u00f6rter und den Zeichensatz enthalten. Attribute meta: charset – Gibt die Dokumentkodierung an. content – Legt den Wert eines mit angegebenen Attributs fest name oder http-equiv. http-equiv – Entwickelt, um Meta-Tags in Titel umzuwandeln HTTP. name – Der Name des Meta-Tags legt indirekt auch seinen Zweck fest. <head> <meta charset="UTF-8"> <meta name="description" content="Dies ist die Beschreibung der Webseite"> <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content="Iwan Iwanow"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Meine Testseite<\/title> <\/head> <meta name="twitter:title" content="MDN Web Docs" \/> Eines der Ergebnisse des Hinzuf\u00fcgens dieser Metadaten ist das Hinzuf\u00fcgen eines Links MDN Web Docs an facebook, es wird mit einem Bild und einer Beschreibung angezeigt, was das Benutzererlebnis verbessert _(User eXperience, UX)_: <meta property="og:image" content="https:\/\/developer.mozilla.org\/mdn-social-share.png" \/> <meta property="og:description" content="Webdokumentation zu MDN bietet Bietet Informationen zu offenen Webtechnologien, einschlie\u00dflich HTML, CSS und…<\/p>\n