HTML - Was passiert im head-Bereich?HTML CSS Grundlagen

Der Übersichtlickeit halber löschen wir die vorhandenen Inhalte und wenden uns dann dem Kopf der HTML-Datei zu.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Der HEAD-Bereich</title>
<meta name="description" content="Der Beschreibungstext dieser Datei ist hilfreich - vor allem zum besseren Auffinden in Suchmaschinen.">
</head>
</body>
</html>

Ansehen! (wobei man im Browser nichts sieht - nur den Titel)

Der Kopfbereich kurz erklärt:

Hier im (im Browser nicht angezeigten) <head>Bereich</head> finden sich einige Angaben, die zum problemlosen funktionieren der Site, für taugliche Benutzerfreundlichkeit und zur Optimierung für Suchmaschinen wichtig sind.

Aber zuerst noch etwas weiter oben - vor dem einleitenden <html>:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Damit muss sich keiner beschäftigen. Wer es doch will: bei Selfhtml finden sich Informationen zur DOCTYPE. Nur so viel: beim Formatieren mit CSS (Cascading Style Sheets) gibt es manchmal Probleme beim Abstand einzelner Inhalts-“Container“ - mehr darüber hier. Man kann die Doctype auch weglassen, ich empfehle aber, eine einzubauen.

Nun aber zu den sogenannten Meta-Tags im head-Bereich. Ausführliches gibt es wiederum bei Selfhtml nachzulesen. Der wichtigste Tag ist die Beschreibung: <meta name="description" content="Der Beschreibungstext dieser Datei ist hilfreich - vor allem zum besseren Auffinden in Suchmaschinen.">
Alle anderen sind meiner Meinung nach überflüssig oder eben optional.

Wichtig - möglicherweise das Allerwichtigste - im Kopfbereich: der <title>Titel</title>. Er taucht beim Aufruf der Seite im Browser ganz oben in der blauen Leiste auf. Und bei den Ergebnissen der Suchmaschinen fett und prägnant. Außerdem ist er hilfreich zur Optimierung bei Suchmaschinen.

Weiter: Cascading Style Sheets

· · PhiloPhax · Lauftext · /mobile-friendly/ · Holzgerlingen-Online · ·
· Schnelladende Layouts · Webtaugliche Texte · Suchmaschinenoptimierung · Bildbearbeitung fürs Web · Wordpress ·
· Holzgerlingen liegt bei Böblingen zwischen Stuttgart und Tübingen an der B 464 ·
· Wir berechnen im näheren Umkreis keine Anfahrtskosten. Weder nach Altdorf oder Ehningen, nach Herrenberg, Hildrizhausen oder Schönaich ·