|
Was bewirken Zeilenumbrüche und
Leerzeichen im HTML-Quellcode?
Die häufige
Antwort, daß Zeilenumbrüche und überzählige Leerzeichen im
Quellcode einer HTML-Datei vom Browser ignoriert werden, ist
falsch. Vielmehr gelten folgende Regeln:
|
1. |
Jeder
Zeilenumbruch wird vom Browser in ein Leerzeichen umgewandelt.
|
|
2. |
Stehen zwei
oder mehr Leerzeichen direkt nebeneinander, werden diese wie ein
einziges Leerzeichen behandelt. |
|
3. |
Führende
Leerzeichen zu Beginn eines jeden Absatzes werden ignoriert. |
 ________________
Wie kann ich mehrere Leerzeichen
nebeneinander erzeugen?
Soll zwischen
zwei Wörtern oder Bildern ein größerer Abstand aus mehr als
einem Leer- zeichen im Browser dargestellt werden, müssen Sie
die Maskierung für jedes
zusätzliche Leerzeichen eingeben.
________________
Soll der Inhalt von
Tags groß oder klein
geschrieben werden?
Innerhalb von
HTML-Tags spielt die Groß- und Kleinschreibung keine Rolle:
Sowohl <TITLE> wie auch
<title> oder gar
<TiTLe> funktionieren in allen
Browsern. Da jedoch XHTML als Nachfolger
von HTML zwingend die Kleinschreiung innerhalb von Tags
vorschreibt, ist es sinnvoll, auch in HTML-Seiten nur
Kleinschreibung zu verwenden.
________________
Wozu dient der <address>-Tag?
In der
Anfangszeit des World Wide Web war HTML keineswegs als Sprache
für Webdesign gedacht. Vielmehr sollte HTML zur Erstellung von
wissenschaftlichen Dokumenten dienen. Deshalb gab es Tags wie
<h1>, <h2>
..., die Überschriften in solchen Dokumenten vorbehalten waren,
oder auch den <address>-Tag, der
Name und Anschrift des Autors eines Dokuments enthalten sollte.
Da ein Text zwischen <address> und </address> schon damals in
allen Browsern kursiv dargestellt wurde, wurde dieser Tag rasch
dazu mißbraucht, nicht nur Adressen, sondern beliebige Texte
kursiv zu formatieren. Damit ging jedoch seine eigentliche
Funktion verloren.
Zwar können heute noch alle Browser diese 'Tags aus alten Tagen'
darstellen, aber angesichts der zahlreichen Tags, die seither
zur Formatierung von Texten hinzukamen, spielen sie in der
Praxis keine Rolle mehr.
________________
Welche Bedeutung hat die Angabe alt
im <img>-Tag?
Mit
alt="Text" können Sie einem Bild
einen erklärenden Text mitgeben. Dieser Text wird im Browser
beim Überfahren des Bildes mit der Maus als sog. Tooltipp einige
Augenblicke lang gelb hinterlegt dargestellt.
Darüber hinaus wird der Text statt des Bildes angezeigt, wenn
das Laden des Bildes mißlingt oder die Darstellung von Bildern
im Browser ausgeschaltet ist. Schließlich benutzen einige
Suchmaschinen diesen Text um in Bildarchiven für das betreffende
Bild Stichwörter zu erzeugen.
________________
Kann ich Tooltipps
auch für andere
Bereiche als Bilder definieren?
Wie in der
zuvor behandelten Frage benannt, ist es bei Bildern möglich, mit
der alt-Angabe im <img>-Tag einen Tooltipp zu erzeugen, der beim
Überfahren des Bildes angezeigt wird. Für andere Bereiche einer
Webseite (wie Absätze, Tabellen, Tabellenzellen etc.) ist dies
nur für den Internet Explorer 4.x und höher und Netscape 6.x
(nicht aber für Netscape 4.x) möglich. Fahren Sie mit der Maus
über diesen Absatz, um zu sehen, ob Ihr Browser allgemeine
Tooltipps unterstützt.
Einen allgemeinen Tooltipp erzeugen Sie durch die Angabe
title="Tooltipp-Text" in jenem Tag,
der einen Tooltipp anzeigen soll. Für einen Absatz mit Tooltipp
müssen Sie deshalb angeben:
<p title="Tooltipp-Text"> Absatztext </p>
________________
Wozu dient die Eigenschaft border im
<img>-Tag?
Mit
border="Zahl" können Sie die Breite
in Pixeln angeben, mit der ein Rahmen um das Bild dargestellt
wird, wenn das Bild zugleich ein Hyperlink ist. Fehlt die
border-Angabe im <img>- Tag, wird ein drei Pixel breiter Rand
angezeigt.
Diese Voreinstellung stammt noch aus den Anfangstagen von HTML,
als die Möglichkeit, Bilder zu Hyperlinks zu machen, ganz neu
war. Heute ist es im Normalfall sinnvoll, auf diesen Rahmen zu
verzichten. Sie erreichen dies über die Angabe
border="0".
________________
Was bewirken Größenangaben im
<img>-Tag?
Mit
width="Zahl" und
height="Zahl" können Sie festlegen,
wie breit bzw. hoch das Bild in Pixeln auf der Webseite
dargestellt wird. Ist das Bild größer oder kleiner als diese
Angaben, wird dennoch Originalbild übertragen, und der Browser
rechnet es in die gewünschte Größe um.
Im Normalfall sollten Sie den Browser das Bild nicht vergrößern
oder verkleinern lassen, da dies zu Verzerrungen und
Qualitätsverlusten führen kann. Bei Verkleinerungen kommt hinzu,
daß mehr Bilddaten übertragen werden, als der Browser benötigt.
Dies führt zu unnötig langen Wartezeiten. Besser ist es,
wenn Sie das Bild in einem Grafikprogramm auf die benötigte
Größe verkleinern oder vergrößern.
Liegt das Bild bereits in der gewünschten Größe vor, sollten Sie
dennoch mit width und height die korrekte
Bildbreite und Bildhöhe angeben, da einige Browser den Text der
Webseite dann schneller anzeigen können.
________________
Welche Einschränkungen gibt es für
Dateinamen in HTML?
Dateinamen in
HTML haben die Endung .htm oder
.html. Der davorstehende Dateiname
darf keine Umlaute, kein ß und keine Sonderzeichen außer dem
Unterstrich _ enthalten. Wollen Sie Ihre Webseiten vor dem
Veröffentlichen auf Rechnern mit verschiedenen Betriebssystemen
bearbeiten, sollten Sie zusätzlich folgende Regeln für die
Vergabe von Dateinamen berücksichtigen:
|
1. |
Der Dateiname
sollte nicht länger als 8 Zeichen sein, die Endung nicht länger
als 3 Zeichen (also .htm). |
|
2. |
Verwenden Sie
nur Kleinbuchstaben. |
________________
|
Wieso wird die von mir ausgewählte
Schriftart auf anderen Browsern nicht
dargestellt?
Wenn Sie in
HTML oder mit Cascading Style Sheets (CSS) eine Schriftart
angeben, wird diese Schriftart auf einem Browser nur dann
angezeigt, wenn der betreffende Font auch auf dem PC installiert
ist. Wählen Sie deshalb gängige Schriftarten wie Arial,
die auf allen PCs bereits vorinstalliert sind. Gängige
Schriftarten auf PCs sind z.B. Arial, Times New Roman
und Courier New.
________________
Kann ich alternative Schriftarten für eine
Textpassage angeben?
Leider sind
die Namen der gängigen Schriftarten auf anderen Betriebssystemen
als Windows nicht identisch mit den Windows-Namen. Es ist
deshalb möglich, für eine Textpassage mehrere Schriftarten
anzugeben, wobei der Browser zunächst ermittelt, ob die zuerst
genannte Schriftart verfügbar ist, ist dies nicht der Fall wird
die nächste Schriftart und danach die weiteren Schriftarten
überprüft. Wird keine der benannten Schriftarten gefunden, wird
die Standardschriftart des Browsers benutzt. Folgende
Aufzählungen von Schriftarten führen auf verschiedenen
Betriebssystemen zu weitgehend kompatibler Darstellung:
<font face="Arial, Helvetica, sans-serif">
<font face="Times New Roman, Times, serif">
<font face="Courier New, Courier, monospace">
________________
Kann ich eine größere Schriftgröße als
<font size="7"> erzeugen?
In HTML ist
keine Schriftgröße möglich, die über die Einstellung
<font size="7"> hinausgeht. Sie
können jedoch mit Cascading Style Sheets (CSS) eine beliebig
große Schrift erzeugen. So erzeugen Sie beispielsweise mit der
Angabe
<p style="font-size:2cm">Hallo</p>
einen Absatz,
in dem das Wort 'Hallo' in einer zwei Zentimeter großen Schrift
dargestellt wird.
Hallo
Sollten Sie
das Wort 'Hallo' nicht in einer sehr großen Schrift dargestellt
sehen, dann beherrscht Ihr Browser derzeit die Formatierung mit
CSS nicht. (Beachten Sie dazu auch die nächste Frage.)
________________
Warum
stellt Netscape 4.x keine CSS-
Formatierungen dar?
Netscape 4.x
beherrscht im Prinzip zwar nicht alle, aber die wichtigsten
CSS-Formatierungen. Dargestellt werden CSS-Formatierungen jedoch
nur dann, wenn in Netscape 4.x unter der Rubrik Bearbeiten /
Einstellungen / Erweitert sowohl der Eintrag
Formatvorlagen aktivieren (damit ist CSS gemeint) sowie
Javascript aktivieren aktiviert ist.
________________
Welche Bedeutung haben <meta>-
Tags?
Tags, die mit
<meta ...> beginnen, müssen im
Kopfteil der HTML-Seite stehen. Einige dieser <meta>-Tags werden
vom Browser ausgewertet, andere von Suchmaschinen. Jede Webseite
in einer westeuropäischen Sprache, sollte den Tag
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
enthalten,
der sicherstellt, daß Umlaute, das ß und Buchstaben mit Akzent
auf allen Browsern korrekt dargestellt werden. In der nächsten
Frage finden Sie die wichtigsten <meta>-Tags zur Steuerung von
Suchmaschinen beschrieben.
________________
Wie
kann ich Webseiten für
Suchmaschinen optimieren?
Suchmaschinen
durchsuchen den Text jeder Webseite, auf die sie stoßen. Wollen
Sie über den Text der Seite hinaus Stichwörter und eine
Beschreibung der Seite für die Suchmaschinen bereithalten, dann
sollten Sie folgende Möglich- keiten nutzen:
1.
Seitentitel als Beschreibung
Der Titel einer Webseite wird im Kopfteil der HTML-Datei
zwischen den beiden Tags <title> und </title> angegeben. Dieser
Titel wird von Suchmaschinen bevorzugt ausgewertet und bei
vielen Suchmaschinen bei Suchanfragen auch als erstes in der
Auflistung von gefundenen Seiten angezeigt. Wählen Sie deshalb
als Titel eine kurze Beschreibung Ihrer Webseite.
2. Der
<meta>-Tag description
Mit dem folgenden <meta>-Tag im Kopfteil der Webseite können Sie
Suchmaschinen eine kurze Beschreibung Ihrer Webseite liefern,
die ausge- wertet und von einigen Suchmaschinen auch bei der
Auflistung von Suchergebnissen angezeigt wird:
<meta name="description" content="eine
kurze Beschreibung der Webseite">
3. Der
<meta>-Tag keywords
Mit dem folgenden <meta>-Tag im Kopfteil der Webseite können Sie
Suchmaschinen eine Liste von Stichwörtern übermitteln, unter
denen die Webseite gefunden werden soll:
<meta name="keywords" content="Stichwort1,
Stichwort2, ...">
________________
Wie finden Suchmaschinen meine
Webseiten?
Suchmaschinen
hangeln sich von Hyperlink zu Hyperlink durch das World Wide
Web, um neue Seiten zu finden und in ihren Index aufzunehmen.
Haben Sie Ihre Webseiten neu veröffentlicht, wird es noch keine
Hyperlinks auf diese Seiten geben. Folglich werden Sie von
Suchmaschinen auch nicht gefunden. Auf Seiten, die nicht
gefunden werden, legt natürlich niemand einen Hyperlink, und da
beißt sich die Katze in den Schwanz...
Sie müssen deshalb Ihre Webseiten von Hand bei verschiedenen
Suchmaschinen anmelden. Auf der Startseiten der Suchmaschinen
finden Sie dazu einen Hyperlink mit Titeln wie: Add URL,
Submit Page oder Seite anmelden. Klicken Sie auf
diesen Hyperlink und geben in dem Formular für die Anmeldung die
Startseite für Ihre Webseiten an. Die Anmeldung ist bei den
wichtigen Suchmaschinen kostenfrei.
Bitte beachten Sie: Je nach Suchmaschine kann es einige Tage bis
einige Wochen dauern, bis Ihre Seite von der Suchmaschine
besucht und in den Index der Suchmaschine aufgenommen wurde.
________________
|
