MP-Hobbydesign - Grundlagen und die Daten im Head

HTML ist die Grundlage jeder Webseite. Ohne HTML kommt keine Webseite aus. Sodass sich jeder Webmaster früher oder später damit beschäftigen muss. Alle anderen Scripte und Programmiersprachen bauen auf HTML auf. Deshalb jetzt einige Beispiele die zur Erstellung einer Internetseite unerlässlich sind.

Das HTML Grundgerüst:


<html>
<head>
Hier folgen der Titel der Seite, die META-Tags, und diverse Scripte, Styles usw.!
</head>
<body>
Hierher kommt der eigentliche Webseiteninhalt!
</body>
</html>

Die Daten im Head - META Daten!

Der Code:


  <title>Überschrift/Name der Seite</title>
  <meta name="description" content="Beschreibungstext">
  <meta name="keywords" content='Stichwort1, Stichwort2, ... ' lang='de'>
  <meta name="date" content="2006-07-28"> (Erstellungsdatum)
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> ^*1
  <meta name="Robots" content="all, index, follow"> ^*2 (Indexierung, Linkverfolgung)
  <meta name="Revisit-after" content="10 days"> (erneuter Besuch der SuMa-Robots)
  <meta name="content-Language" content="german,deutsch,de,at,ch,lu"> ^*3 
              (Sprache des Seiteninhalts)
  <meta name="publisher" content="Herausgeber Name"> (Herausgeber der Seite)
  <meta name="DC.Identifier" content="http://www.die-Seite.de"> (Kennzeichnung der Seite)
  <meta name="DC.Language" content="de"> ^*3 (Sprache der Seite)
  <meta name="DC.Creator" content="Max Muster"> (Name des Erzeugers)
  <meta name="author" content="Moriz Meister"> (Name des Autors)
  <meta name="DC.Rights" content="Alle Rechte liegen beim Autor"> (Urheberrechte des Inhalts)
  <meta name="generator" content="Macromedia HomeSite 5">
  <meta name="copyright" content="http://www.die-Seite.de"> (Urheberrechte der Seite)
  <link rel="shortcut icon" href="http://www.die-Seite.de/favicon.ico" type="image/x-icon"> ^*alt
             (Bild in der Adresszeile vom Browser)
  <link rel="alternate" type="application/rss+xml" title="Die-Seite.de als RSS-Feed" 
      href="http://www.die-Seite.de/rss-feed.xml"> ^*alt (Alternativ bei RSS Feed Verwendung)
  <link rel="stylesheet" type="text/css" href="http://www.die Seite.de/datei.css"> ^*alt 
             (externe CSS-Datei)
  <meta http-equiv="Page-Exit" content="RevealTrans(Transition=23)"> ^*alt
             (Seitenübergang beim verlassen der Seite)
  <script src="http://www.die-Seite.de/javascript.js"></script> ^*alt
             (externes Java-Script)

Bitte folgende Anmerkungen bei Verwendung des Codes entfernen:
_(Anmerkung zur Codezeile)

Erklärung zum Code der META Daten!

Der Code:

zu ^*1:
Hiermit beschreiben Sie, um was für eine Seite es sich handelt, nämlich um eine HTML-Datei nach ISO 8859-1.

zu ^*2:
Bestimmt die Art der Suchmaschinenabfrage. Dabei steht INDEX / NOINDEX für die Aufnahme der URL in die SuMa-Liste, und FOLLOW / NOFOLLOW für die Linkverfolgung zu den auf der Seite eingetragenen Links. Hier gibt es wieder folgende Varianten:

content="noindex" - keine Indizierung
content="none" - keine Indizierung
content="index" - Indizierung erlaubt
content="nofollow" - Aktuelle Datei Indizieren, aber keine untergeordneten Dateien
content="follow" - Aktuelle Datei sowie untergeordnete Dateien Indizieren

Eine Kombination ist möglich und muss durch Komma getrennt werden (z.B.: index, nofollow).

zu ^*3:
Legt fest welche Sprache auf der Seite vorherrscht. Dabei gibt es folgende Möglichkeiten:

content="de" - Deutsch
content="en" - Englisch
content="en-us" - US Amerikanisch
content="fr" - Französisch
content="it" - Italienisch
content="es" - Spanisch

zu ^*alt:
Dies sind Zeilen die nicht generell erforderlich sind. Somit müssen sie nur eingetragen werden, wenn es für ihre Seite zutreffend ist.
Solche Zeilen sind zum Beispiel:

<link rel="stylesheet" type="text/css" href="datei.css">
Bei Verwendung einer externen CSS-Datei
<script src="javascript.js"></script>
Bei Benutzung eines externen Java-Script´s
<link rel="alternate" type="application/rss+xml" title="RSS-Feed Titel" href="rss-feed.xml">
Bei Verwendung eines RSS / XML - Feeds
<meta http-equiv="refresh" content="5; URL=Homepageadresse">
Bei Weiterleitung auf andere Seite oder Neustart der aktuellen Seite.
Dabei steht content="5 für 5 sek. bis zur Aktion.
<meta http-equiv="Page-Exit" content="RevealTrans(Transition=23)">
Bei Einsatz von weichen Seitenübergängen, beim (equiv="Page-Exit") verlassen der Seite.

Anmerkungen und Hinweise werden noch bearbeitet ...!

Weitere Artikel und Beispiele folgen ....!

Startseiten-Link Generator

Mit diesem Tool erzeugen sie einen Link, der es ermöglicht ihre Webseite als Startseite fest zu legen.
zum Generator...

HTML - Grundlagen