1 Seite zurückGLOSSAR-Homepage

HTML-Tipps (Auswahl)Tipps und Tricks, HTML, HTM, Hypertext Markup Language, Tips, Tipps, Web-Seiten, Web-Seite, HTML-Dokument, WWW, World Wide Web, WWW-Seiten, Internet

    

Tipps und Tricks, HTML, HTM, Hypertext Markup Language, Tips, Tipps, Web-Seiten, Web-Seite, HTML-Dokument, WWW, World Wide Web, WWW-Seiten, Internet
passende Bücher finden Sie unter "html"

passenden Software gibt es z.B. bei


softline

 

http://www.glossar.de/glossar/z_htmltips.htm

Geister-Scrollbalken

Wer schon einmal darauf geachtet hat, kennt die "Geister-Scrollbalken", die bei einigen Browser-Versionen am rechten Browser-Rand erscheinen - auch dann, wenn es gar nichts zu scrollen gibt. Das macht so manche Seite unansehnlicher als nötig - kann aber leicht abgestellt werden, wenn der <body>-Tag im HTML-Quellcode um ein weiteres Attribut ergänzt wird:

scroll="auto" oder scroll="no"

Wenn trotzdem gescrollt werden muss, macht das gar nichts: Der Rollbalken taucht dann wieder auf. Beispiele: ohne und mit.


Tabelle

  1. Lange Tabellen sind umbedingt zu vermeiden. Denn deren Inhalt wird erst angezeigt, wenn die Tabelle komplett geladen wurde.
  2. Aus dem gleichen Grund ist auf mehrfach ineinander verschachtelte Tabellen zu verzichten.
  3. Anweisungen für die Spaltenbreite (z.B. 25%) brauchen nur in der ersten Zeile aufzutauchen.

erzwungene Leezeichen

Leerräume, die durch Leezeichen definiert werden, können eine HTML-Datei erheblich vergrößern - zumal aufeinanderfolgende Leerzeichen als sogenannte "erzwungene Leerzeichen" im Quelltext mit sechs anstatt einem Byte abgespeichert werden: " &nbsp;" anstatt " ".
Viele WYSIWYG-HTML-Editoren gehen mit den erzwungenen Leerzeichen so grosszügig um, dass sich ein Blick in den HTML-Quellcode allemal lohnt. HTML-Dateien werden üblicherweise mit Hilfe von Tabellen formatiert!
 

 

Schrift / Fonts

Auch die Standard-Schriftart (default) und -Größe helfen beim Platzsparen. Alles andere muss zusätzlich in Form von Font-Tags im Code untergebracht werden - und zwar Absatz für Absatz.
Um zu definieren, wie der "Standard" aussieht, kann man als Web-Autor Cascading Style Sheets (CSS) verwenden. Dabei ist zu beachten, dass sich wiederholende Style Sheet Anweisungen (und auch Javascripte) in einer eigene Dateien ausgelagert werden können.


Hintergrundbild

Wenn die Hintergrundgrafik beim Scrollen nicht mitscrollen soll, dann genügt mit bgproperties="fixed" eine einfache Ergänzung im <body>-Tag. Allerdings wird dieser Tag nicht von allen Browsern berücksichtigt. Beispiel:

<body background="hgrund.gif" link="#800000" vlink="#800000"
alink="#000000" bgproperties="fixed">


Weiterleitung

Besonders im Rahmen eines Redesigns einer Web-Site kann es notwendig sein, von alten Web-Seiten auf neue weiterzuleiten. (Da "alte" Web-Seiten meistens in externen Suchmaschinen indexiert sind, SOLLTE man "alte" Seiten in der Regel nicht löschen!).

Eine automatische Weiterleitung wird üblicherweise durch einen META-TAG im <head>-Bereich einer HTML-Datei initiiert.

<meta http-equiv="refresh" content="0; URL=http://www.glossar.de">

In diesem Fall würde eine Seite nach 0 Sekunden - also sofort - auf die Homepage des Glossars weitergeleitet werden. Im folgende Live-Beispiel wird der Besucher nach 20 Sekunden auf diese Tipp-Seite weitergeleitet. Das Beispiel berücksichtigt zudem, dass gerade ältere Browser die automatische Weiterleitung per "meta http-equiv" nicht immer beherrschen:  htmltips-w.htm.

Ergänzender Tipp: Seiten, die durch eine Umstrukturierung einer Web-Site obosolet (überflüssig) werden, können andererseits auch sehr gut zur positiven Beeinflussung des Suchmaschinen-Rankings verwendet werden, indem wichtige Suchbegriffe herausgestellt werden - siehe Beispiel auf den BAULINKS


Browserabfrage

Manchmal kann es notwendig sein, abhängig vom verwendeten Browser den Besucher mal auf die oder jene Seite zu schicken - z.B. weil Formularfelder im Netscape-Browser viel breiter wiedergegeben werden. Mit Hilfe von Javascript ist das kein Problem, wenn man die verlinkte Seite - hier z_htmltips-ms.htm - mit folgenden Zeilen versieht:

</head><body>
<script LANGUAGE="Javascript">
if (navigator.appName=="Netscape")
location.href="netscape-verweis.htm"
</script>
<p> ...

ACHTUNG: Selbstverständlich kann man sich nicht unbedingt - also zu 100 Prozent - auf diese Steuerung verlassen, da nicht jeder WWW-Nutzer Javascript aktiviert hat!
 

    


 

 
siehe auch (auf anderen Glossar-Seiten):

HTML
Tipps zur "Suchmaschinenoptimierung"
 

Copyright: GLOSSAR.de - Alfons Oebbeke, Neustadt 1997-2001
 
Navigation ohne Frames:

 
Glossar - Homepage - Linkseite - Suchen im ARCHmatic-Web-Pool (funktioniert nur im Online-Modus!!!) E-Mail-Kontakt - Gästebuch:Lob und Tadel - Foren: Fragen und Antworten -AEC-WEB (funktioniert nur im Online-Modus!!!)
# A B C D E F G H I J K L M N O P Q R S T U V W X Y Z