diedVIPs

html knowhow

Metainformationen  <head>









Im Bereich HEAD stecken die Metainformationen über die Seite, also beispielsweise der Titel der Seite, der im Browserfensterkopf angezeigt wird.
Head-Bereich Im Head-Bereich sind verschiedene Dinge definiert, die der Besucher nicht direkt sieht – mit Ausnahme vom Inhalt des title-TAGs, der im Browserfensterkopf angezeigt wird. Die Angaben im Head-Bereich sind wichtig für die Technik und Suchmaschinen und es können noch diverse Informationen über Autor, Copyright und eine Kurzbeschreibung eingetragen werden. Der wichtigste Eintrag ist der Seitentitel über den HTML-TAG title. Dort wird eingetragen, was später in der Internetbrowser-Kopfzeile angezeigt wird, wenn der Besucher die Seite aufruft. Zudem wird dieser Eintrag von Suchmaschinen verwendet. Dort wird genau diese Zeile als erste Zeile in den Suchmaschinenergebnissen zum Anklicken angezeigt. Tragen Sie dort in wenigen Worten ein, was den Besucher erwartet! Investieren Sie hier Zeit, auch wenn die Tragweite dieser Zeile für den Einsteiger noch nicht komplett abschätzbar und nachvollziehbar ist. Schauen wir uns die Auswirkungen auf die Praxis an, da es sich hier um einen sehr wichtigen HTML-TAG handelt, der gerne unterschätzt wird. Als Beispiel schauen wir uns den HTML-Code vom HTML-Seminar an. Dort steht als Inhalt im HTML lernen und die eigene Website erstellen – HTML Kurs.

So sieht´s aus
<head>
<meta property="og:url" content="http://www.meinsolargarten.de/index.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Die seite für den Gartenfreund" />
<meta property="og:description" content="Irgend etwas" />
<meta property="og:image" content="Bilder/HKhlogo.jpg" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="de" />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
<link rel="canonical" title="weiterleitung" href="http://htmlknowhow.de" />
<meta name="page-topic" content="Ratgeber" />
<meta name="page-type" content="html, css" />
<meta name="description" content="Linköffnung mit <base target>" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1" />
<meta name="copyright" content="New Concept Media" />
<meta name="robots" content="index, follow" />
<link rel="index" title="htmlknowhow" href="http://htmlknowhow.de/" />
<link rel="apple-touch-icon" sizes="180x180" href="../Icons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../Icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../Icons/favicon-16x16.png" />
<link rel="manifest" href="../Icons/site.webmanifest" />
<link rel="mask-icon" href="../Icons/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Sigmar+One&display=swap" rel="stylesheet" />
<base target="_self" />
<title>Linköffnung mit base target</title>

<style type="text/css">
@media screen and (max-width: 42em) {
div.example {font-size: 0.8em;text-align:inherit;}}

.auto-style1 {font-family: "Sigmar One";font-size: 1.5em;color: #008080;}
.auto-style7 {color: #FFFFFF;}
.auto-style8 {background-color: #008080;}
.auto-style9 {border: 1px solid #008000;background-color: #D7FFF9;}
</style>
</head>








Kontakt    Datenschutz   Impressum