8. fejezet: "Tiszta" kód, átfedések, kommentelés
A tiszta kód azt jelenti, hogy a HTML kódolás követ mindent az eredeti
előírásoknak megfelelően.
Mikor kell ilyen "tiszta" kódot alkalmazni:
Ne írjon speciális karaktert helyett escape kódot. Sok karakter esetében SOHA nem szabad beírni közvetlenül a HTML escape kódot a karakter helyett:
Például a "<", ">", a "&", és az " .
Ne az escape kódokat (&# Escape kód száma, majd egy pontosvessző /á/ vagy
a & Escape kód majd pontosvessző: é) használja a következő 4 karakter esetében sem:
A < és ne <
A > és ne &qt;
A & és ne &
A " és ne &qot;
Mikor célszrű "tiszta" kódot alkalmazni:
Használjon idézőjelek közé zárt attribútum értékeket.
(Még akkor is, ha enélkül is értelmezhető az elem tulajdonsága.
Például, ha egy vízszintes vonalat akarunk elhelyezni, amelynek hossza fele mint a képernyő adott mezőjének szélessége ezt írja : <hr size="50%">
a <hr size=50%>
láthatóan itt ugyanazt eredményezi, de ez nem minden böngészőben van így!
Biztosabbra mehetünk, ha az abszolut méretet adjuk meg pixelben
Pl.: widht="200" paraméterrel.
Vagy ha vonal mérete 5 pixel, akkor <hr size="5">
legyen és ne <hr size=5>
És egy pillanatra emlékezzünk a tiszta kódra. Ha a böngésző ezzel találkozik:
< hr size="50%" &qt; ezt mint karaktersort fogja értelmezni és ez jelenik meg vonal helyett:
< hr size="50%" &qt; ---- nos ezt a <hr> elemet ez böngésző sem értelmezte, igaz!
Átfedés akkor történik, amikor elindul egy TAG A, majd Tag B.
Tag A zár, majd a Tag B is bezárul.
Ez hibákat okozhat több böngészőben, főleg a régebbi Netscape és
Explorer változatok nem tudják értelmezni.
Valójában ez nem a böngésző hibája, ez a mi hibánk.
Minél rosszabbul értelmezi a böngésző a formai hibás kódolást az
annál precízebben megszerkesztett algoritmussal dolgozik!
Példák:
Rossz átfedés:
<font size=+1><b>Ez félkövér és 1-es betűméret</a></b>
A helyes átfedés:
<font size=+1><b>Ez félkövér és 1-es betűméret</b></a>
Szintén rossz:
<a href="most.html"><i>link dőlt betűvel</a></i>
Helyesen:
<a href="most.html"><i>link dőlt betűvel</i></a>
Tehát a szabály: a nyitó elemek sorrendjével éppen ellentétes legyen
a záró elemek sorrendje!
A Comment TAG
Ha írunk egy HTML-dokumentumot, néha érdemes lehet tenni kis emlékeztetőket a
kódolási egységek elé, hogy később is könnyebb legyen értelmezni a kódolási
egységekkel mi is volt a célunk.
A megjegyzés nem jelenik meg a böngészőben, csak akkor látható, ha a forráskódot
megtekintjük. Ez különösen azoknak nagy segítség, akik szeretnék egy kissé
átalakítani a dokumentumot.
A kommentáló szöveg kezdetét ez kezdi: <!-- és ez felyezi be: -->
Információ adás:
<!-- A TELPÍTÉST KÉT LÉPÉSBEN VÉGEZZE:
1. Másolja a kód első részét a dokumentum fej részébe a <head> és a </head> közé!
2. A második részt a kívánt oldal részbe a <body> elem után! -->
Lehet használati utasítás:
<!-- Az összes INPUT mezőt ki kell tölteni! -->
Lehet copyright megjegyzés:
<!-- A forráskód felhasználása csak nokedli@t-online.hu- ra írt engedély kérelem
megerősítsé után lehetséges! -->
|