HTML Referensbok
HTML-teori © Eva von Pepel
* [ HTML-referensbok ] * [ Referensböcker ] *
Följande uppfattas som dålig stil
Titelbilder på mer än 30 kB (tänk på dem med långsamma uppkopplingar)
Stora bilder överhuvudtaget (måste du ha en sådan, länka den till en annan sida och glöm inte att ange storleken i kB - låt besökaren avgöra om han/hon vill se bilden eller inte)
"Download Netscape Now" eller liknande (det är oartig att tala om för andra vilken bläddrare de ska använda)
"These pages should be viewed with ..." (som ovan)
"Under Construction" ikon (alla sidor är alltid under uppbyggnad - ingen annonsering behövs)
Stora imagemaps på titelsidan (man ska kunna läsa fort vad sidorna innehåller)
<Blink> (inga kommentarer behövs)
"Click here" (det är uppenbart att man ska klicka på en länk, om man vill)
Inga ALT-attribut (sådana sidor är oläsliga i textbaserade bläddrare)
Kopiera andras dokument och ange dem som egna (det kallas för stöld)
Att glömma ange credits (den som gjorde jobbet ska ha uppskattning och ingen annan)
Refresh i <meta>
Använd inte Mozilla (eller andra tillägg) markeringar på offentliga dokument (dessa dokument måste kunna läsas av alla)
Text som en enda rubrik (rubriker är inga fontredskap)
Blanda inte ihop kodsträngar (kod nr 1 avslutar strängen, kod nr 2 är näst sist, osv)
Glöm inte att Html är ett kodspråk och inte ett layoutredskap (varje bläddrare tolkar koder på sitt sätt)
Skriv inte för en specifik bläddrare (tanken med html är ju att alla ska kunna ha tillgång till dokument oberoende av programvara)
Glöm inte att stänga alla citat (Netscape 2.0 tillåter inte längre slarv som Netscape 1.1)
Glöm inte att ange WIDTH och HEIGHT på dina bilder (är de attributen kända kommer texten att laddas först - besökaren kan läsa i väntan på bilderna)
Undvik tabeller på titelsidan (de kan vara en enda röra i bläddrare utan tabellsupport)
Glöm inte <noframe> varianten (många är trötta på frames)
Glöm inte att html-testa dina dokument (se viktiga adresser)
För att få fräscha sidor varje gång utan att behöva klicka på 'Reload'-knappen - ändra i 'Preferences / Cache and Network' från 'Once per Session' eller 'Never' till 'Every Time'.
Avmarkera 'show toolbar' för att få en större skärm
<body leftmargin=0 topmargin=0> - IEhtml
Offset på browser / bild - Inga marginaler mellan bilden / texten
och skärmen
<IMG vspace=4 hspace=8 height=5000 SRC="transparent.gif">
En vänster marginal - Gör en-pixel-stor transparent gif, placera den i början av
sidan och anpassa 'vspace', 'hspace' och 'height' efter egna behov.
Transparenta gifar eller i samma färg som bakgrunden kan (ibland) lösa indragsproblem. Denna metod fungerar inte i text browsers eller då besökaren tittar på sidorna utan bilder. I sådana fall   lämpar sig bättre.
<table><tr><td>cell 1</td><td>cell 2<br></td></tr></table>
En <br> på slutet av varje rad FÖRE sluttagar håller
en tabell ihop även i browsers utan tabellsupport.
Toma rutor:
<table><tr><td><br></td><td>cell 2<br></td></tr></table>
<table><tr><td>transparent.gif</td><td>cell 2<br></td></tr></table>
(Problem kan uppstå i textbaserade browsers och browsers med bilderna avstängda)
<table><tr><td> </td><td>cell 2<br></td></tr></table>
Internet Explorer
<p align=center><table></table>
Så centrerar man en tabell utan en <center> tag.
Om ett centrerat stycket efterföljs av en tabell som inte ska centreras, stäng stycket med </P>