Ajanlas a HTML formatumu dokumentumokhoz

[Drotos Laszlo]

A 2.0-as MEK-hez keszulo anyagok egyike. Velemenyek johetnek=20
batran a kondrot at gold.uni-miskolc.hu cimre.

Laci




               Aj=E1nl=E1s a HTML form=E1tum=FA dokumentumokhoz
               ----------------------------------------

                    Utols=F3 m=F3dos=EDt=E1s: 2001.06.22.


Az al=E1bbi lista a MEK-ben elhelyezett HTML-anyagokhoz k=E9sz=FClt.
Az itt felsorolt szempontok csak aj=E1nl=E1sok, nem k=F6telez=F5 mindig
=E9s mindegyiket betartani, t=FAl nagy munk=E1t =E9s unalmas egyformas=E1go=
t
jelentene minden dokumentumot pontosan ilyenre =E1talak=EDtani.
Az eleve sz=E9pen form=E1zott, j=F3l olvashat=F3 HTML dokumentumokn=E1l
legfeljebb csak n=E9h=E1ny, egyszer=FBen megval=F3s=EDthat=F3 m=F3dos=EDt=
=E1st
=E9rdemes csin=E1lni az egys=E9ges=EDt=E9s kedv=E9=E9rt, de azokn=E1l az
anyagokn=E1l, amelyeket egy=E9bk=E9nt is =E1t kellene szerkeszteni,
vagy amelyeket ASCII text vagy Word form=E1tumokb=F3l konvert=E1lunk
=E1t HTML-be, c=E9lszer=FB min=E9l t=F6bb szempontot =E9rv=E9nyes=EDteni az
al=E1bbiakb=F3l.

Term=E9szetesen nem lehet minden el=F5fordulhat=F3 helyzetre aj=E1nl=E1st
adni, ez=E9rt az itt nem szerepl=F5 esetekben a MEK alapelveit
=E9rdemes k=F6vetni: egyszer=FB, praktikus =E9s eszt=E9tikus megold=E1sokat
kell v=E1lasztani.


=C1ltal=E1nos szempontok:
=2E....................

- Kisbet=FBs, =E9kezet =E9s sz=F3k=F6z n=E9lk=FCli, bet=FBkb=F5l =E9s sz=E1=
mokb=F3l =E1ll=F3,
esetleg m=E9g "-" =E9s "_" jeleket tartalmaz=F3, lehet=F5leg max. 8+3
karakteres file- =E9s directory-neveket kell haszn=E1lni, melyek
minden oper=E1ci=F3s rendszeren egyform=E1n m=FBk=F6dnek.

- Minden file-t egyetlen k=F6nyvt=E1rba kell tenni, =E9s ezen bel=FCl
sz=FCks=E9g eset=E9n tov=E1bbi alk=F6nyvt=E1rak lehetnek (pl. ha t=FAl sok
=E1llom=E1nyb=F3l =E1ll a dokumentum). A bels=F5 linkeknek term=E9szetesen
relat=EDv c=EDmz=E9s=FBeknek kell lenni a dokumentumot tartalmaz=F3
k=F6nyvt=E1ron bel=FCl.

- A k=FCls=F5 linkeket ker=FClni kell, de ha m=E9gis sz=FCks=E9gesek, akkor
egy target=3D"_blank" opci=F3val =FAj ablakban kell megnyitni =F5ket.

- A kezd=F5lap - mely egy t=F6bb r=E9szb=F5l =E1ll=F3 dokumentum eset=E9ben
lehet=F5leg a c=EDmlapot =E9s a tartalomjegyz=E9ket tartalmazza - egy
index.htm nev=FB file-ban legyen. Minden tov=E1bbi lapr=F3l legyen
visszal=E9p=E9si lehet=F5s=E9g az index.htm-re.

- T=F6bb r=E9szb=F5l =E1ll=F3 anyagokn=E1l a file-ok nev=E9t a dokumentum
c=EDm=E9b=F5l =E9s egy 2-3 jegy=FB sorsz=E1mb=F3l c=E9lszer=FB k=E9pezni (p=
l.
janosv01.htm, janosv02.htm..., janosv01.gif, janosv02.gif...)

- A HTML form=E1tum=FA dokumentumokat egyr=E9szt min=E9l kevesebb
darabba c=E9lszer=FB t=F6rdelni (hogy k=F6nnyebben let=F6lthet=F5k
legyenek =E9s hogy kevesebbet kelljen lapozni), m=E1sr=E9szt
viszont k=EDv=E1natos, hogy egy-egy Web-oldal m=E9rete ne haladja
meg a 2-300 kbyte-ot (k=E9pekkel egy=FCtt), mert enn=E9l nagyobb
oldalak let=F6lt=E9se t=FAl sok=E1ig tart =E9s megjelen=EDt=E9s=FCk probl=
=E9m=E1kat
okozhat a b=F6ng=E9sz=F5knek kisebb teljes=EDtm=E9ny=FB g=E9peken.

- Lehet=F5leg ne haszn=E1ljunk b=F6ng=E9sz=F5f=FCgg=F5 HTML-c=EDmk=E9ket =
=E9s
speci=E1lis  eszk=F6z=F6ket: st=EDluslapokat (CSS), szerver-oldali
beilleszt=E9st (SSI), parancs- =E9s programnyelveket (JavaScript,
CGI, PHP, Java, Flash stb.), helyzet=E9rz=E9keny t=E9rk=E9peket
(image-map). Frame-ek haszn=E1lhat=F3k, amennyiben a dokumentum
jellege megk=EDv=E1nja, de ha van egyszer=FBbb megold=E1s is, akkor
ink=E1bb azt v=E1lasszuk, mert p=E9ld=E1ul egy bal oldali frame-ben
elhelyezett tartalomjegyz=E9ket a vakok sz=E1m=E1ra k=E9sz=FClt
felolvas=F3programok minden oldalon egybeolvasnak a f=F5sz=F6veggel.



K=E9pek
=2E....

- A dokumentumokhoz tartoz=F3 illusztr=E1ci=F3kon =E9s a lapoz=E1shoz
haszn=E1lhat=F3 ny=EDl-ikonokon k=EDv=FCl m=E1s k=E9pi elemeket ne
haszn=E1ljunk: ker=FClend=F5k a h=E1tt=E9rtap=E9t=E1k, a d=EDsz=EDt=F5
vonalak =E9s gombok, az anim=E1lt GIF-ek stb.

- Az el=F5re =E9s h=E1tra lapoz=E1shoz, valamint az index-htm-re
val=F3 visszal=E9p=E9shez haszn=E1lhatunk egyszer=FB, sz=EDnvil=E1g=E1ban
=E9s st=EDlus=E1ban illeszked=F5 nyilakat (jobb, bal =E9s fel), de
ilyenkor az "ALT=3D" opci=F3val adjuk meg a ny=EDl funkci=F3j=E1t
("EL=D5RE", "VISSZA", "KEZD=D5LAP"), hogy a k=E9pek n=E9lk=FCl is
=E9rthet=F5 legyen a funkci=F3juk. A lapoz=F3 nyilakat az egyes
oldalak alj=E1n, egy <hr> elv=E1laszt=F3 vonal alatt =E9rdemes
elhelyezni (jobbra, balra =E9s k=F6z=E9pre igaz=EDtva).

- A dokumentumban tal=E1lhat=F3 rajzokhoz, k=E9pletekhez, k=E9pk=E9nt
bevitt t=E1bl=E1zatokhoz, k=FCl=F6nleges bet=FBt=EDpussal k=E9sz=FClt
feliratokhoz stb. 16 vagy 256 =E1rnyalat=FA, non-interlaced,
89-es verzi=F3j=FA (sz=FCks=E9g eset=E9n transzparens) GIF form=E1tumot
c=E9lszer=FB haszn=E1lni. A PNG form=E1tum nem aj=E1nlott, mert a
r=E9gi b=F6ng=E9sz=F5k nem ismerik.

- A f=E9nyk=E9peket 30%-os, "standard encoding" t=F6m=F6r=EDt=E9s=FB
JPEG =E1llom=E1nyokban kell t=E1rolni, ".jpg" v=E9gz=F5d=E9s=FB file-okban.

- Csak a t=E9nylegesen sz=FCks=E9ges =E9s haszn=E1lt k=E9pm=E9retbe
konvert=E1ljuk a k=E9peket, f=F6l=F6sleges t=E1r- =E9s let=F6lt=E9si
id=F5-pazarl=E1s a "size=3D" opci=F3val a HTML-=E1llom=E1nyban
lekicsiny=EDteni a nagyobb m=E9ret=FB k=E9peket, ami r=E1ad=E1sul
komoly min=F5s=E9groml=E1st is eredm=E9nyez.

- Ha egy lapon t=FAl sok, nagy m=E9ret=FB k=E9p van, akkor k=E9sz=EDts=FCnk
kis (kb. 150-300 k=E9ppont sz=E9les) b=E9lyegk=E9pet =E9s erre linkelj=FCk
az eredeti m=E9ret=FB k=E9pet.


A fejl=E9c
=2E.......

- A <title> mez=F5ben a m=FB szerz=F5j=E9t, majd egy kett=F5spont =E9s
sz=F3k=F6z ut=E1n a c=EDm=E9t kell felt=FCntetni Latin-2 =E9kezetekkel.
T=F6bb r=E9szb=F5l =E1ll=F3 dokumentumokn=E1l minden file fejl=E9c=E9ben
ezt kell felt=FCntetni, majd esetleg z=E1r=F3jelben a fejezetc=EDmet
is oda lehet =EDrni. Az index.htm file-ban pedig c=E9lszer=FB
a "(C=EDmlap)" sz=F3t is oda=EDrni a m=FB c=EDme ut=E1n.

- A fejl=E9cben fel kell t=FCntetni az =E9kezetes bet=FBkh=F6z haszn=E1lt
k=F3dol=E1st ("iso-8859-2") =E9s a magyar nyelv k=F3dj=E1t ("hu"). Vagyis:
<meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3Diso-8859-=
2">
<meta http-equiv=3D"Content-Language" content=3D"hu">

- Egy=E9b "meta" elemeket nem k=F6telez=F5 be=EDrni, mert a dokumentumra
vonatkoz=F3 bibliogr=E1fiai =E9s egy=E9b meta-adatok egy egys=E9ges,
index.html nev=FB "bor=EDt=F3lap"-on lesznek Dublin Core szabv=E1ny
szerint, amit egy program gener=E1l majd.


A dokumentum
=2E...........

- A dokumentum k=FClalakj=E1t 800x600-as 256 sz=EDn=FB k=E9perny=F5re kell
tervezni, de =FCgyelni kell arra, hogy m=E1s felbont=E1sban is j=F3l
olvashat=F3 maradjon. Vagyis lehet=F5leg minden=FCtt relat=EDv m=E9reteket
adjunk meg (bet=FBm=E9ret, t=E1bl=E1zat-sz=E9less=E9g stb.), =E9s kontraszt=
os
sz=EDneket haszn=E1ljunk, amelyek ak=E1r m=E9g 16 sz=EDn=FB =FCzemm=F3dban =
is
olvashat=F3 sz=F6veget eredm=E9nyeznek (vil=E1gos alapon s=F6t=E9t bet=FBk)=
=2E
Egy aj=E1nlott sz=EDn=F6ssze=E1ll=EDt=E1s, ami mindenf=E9le b=F6ng=E9sz=F5v=
el =E9s
felbont=E1sban sz=E9pen mutat:
<body text=3D"#000000" bgcolor=3D"#FFFFEE" link=3D"#0000FF" vlink=3D"#00006=
6" alink=3D"#006666">

- B=E1r csak az =FAjabb b=F6ng=E9sz=F5k ismerik, de =E9rdemes egy
"leftmargin=3D25 rightmargin=3D25" =E9rt=E9ket be=E1ll=EDtani a <body>
c=EDmk=E9ben, mert akkor a sz=F6veg nem megy ki az ablak sz=E9l=E9ig
=E9s kellemesebben olvashat=F3.

- A bet=FBm=E9retek =E1ll=EDt=E1s=E1hoz a <font size=3D> c=EDmk=E9t haszn=
=E1ljuk, mert
egys=E9gesebb eredm=E9nyt ad a k=FCl=F6nb=F6z=F5 b=F6ng=E9sz=F5kkel, mint a=
 <h1>,
<h2> stb. A f=F5c=EDmekhez =E1ltal=E1ban elegend=F5 egy <font size=3D+3>,
a fejezetc=EDmekhez =E9s m=E1s kiemel=E9shez pedig egy <font size=3D+2>.

- <font face=3D> c=EDmk=E9t lehet=F5leg ne haszn=E1ljunk, mert nem lehet
tudni, hogy az olvas=F3nak van-e megfelel=F5 fontk=E9szlete a g=E9p=E9n,
=E9s ez kisz=E1m=EDthatatlan eredm=E9nyre vezet. Ha m=E9gis k=FCl=F6nb=F6z=
=F5
bet=FBkre van sz=FCks=E9g=FCnk, akkor a "Times", "Arial" =E9s "Courier"
fontokat alkalmazzuk csak (az alap-bet=FBt=EDpus ilyenkor is a Times).
K=FCl=F6nleges bet=FBkkel =EDrt feliratokat GIF k=E9pk=E9nt tegy=FCnk fel i=
nk=E1bb.

- A Windows Latin-2-es (8859-2) k=F3dk=E9szlet=E9vel kell =EDrni az =E9keze=
tes
bet=FBket, nem haszn=E1lunk "acute"-k=F3dol=E1st, mert megn=F6veli a m=E9re=
tet
=E9s rosszul olvashat=F3v=E1 teszi a file-t. Nem haszn=E1ljuk ki a 8859-2
k=F3dt=E1bla =E9s a HTML egy=E9b speci=E1lis karaktereit sem, mivel ezek ne=
m
biztos, hogy helyesen jelennek meg minden b=F6ng=E9sz=F5ben, nem menthet=F5=
k
rendesen m=E1s form=E1tumba, nem =E9rtelmezik =F5ket a felolvas=F3 programo=
k,
illetve a teljessz=F6veg=FB keres=F5t is megzavarj=E1k. (Az id=E9z=F5jeleke=
t
egyszer=FB " karakterrel kell =EDrni az id=E9zet elej=E9n =E9s v=E9g=E9n eg=
yar=E1nt,
a bels=F5 id=E9z=F5jeleket >> illetve << jelekkel, a gondolatjeleket egy
egyszer=FB - jellel, a f=E9lbehagyott mondatot jelz=F5 h=E1rom pontot pedig
igy: ... )

- A bekezd=E9seket <p> c=EDmk=E9vel kell elv=E1lasztani egym=E1st=F3l. Hoss=
zabb,
folyamatos sz=F6vegekn=E9l (pl. reg=E9nyek) a <p align=3Djustify> opci=F3
aj=E1nlhat=F3, mert =EDgy szebb az =F6sszhat=E1s. A bekezd=E9sek elej=E9re =
nem
kell beh=FAz=E1st csin=E1lni (pl. egy kis k=E9ppel vagy &nbsp; k=F3dokkal),
a j=F3 olvashat=F3s=E1ghoz elegend=F5 a <p> =E1ltal l=E9trehozott t=E1vols=
=E1g a
bekezd=E9sek k=F6z=F6tt.

- Versekn=E9l =E9s r=F6vid felsorol=E1sokn=E1l a <br> c=EDmk=E9vel kell lez=
=E1rni
a sorokat (a versszakok k=F6z=F6tt egy tov=E1bbi <br> kell). Ha beljebb
is akarjuk rendezni ezeket a sorokat, akkor a <dir> c=EDmk=E9t haszn=E1ljuk=
=2E

- L=E1bjegyzeteket vagy egyszer=FBen az oldal alj=E1ra lehet tenni egy
<hr> ut=E1n =E9s <name> c=EDmk=E9kkel ell=E1tva hivatkozni r=E1juk, vagy
egy k=FCl=F6n file-ba tenni az =F6sszes l=E1bjegyzetet =E9s egy keskeny
als=F3 frame-ben megjelen=EDteni a k=E9perny=F5 alj=E1n. A l=E1bjegyzet
hivatkoz=E1sokat sorsz=E1mozni kell (ha csak egy-k=E9t darab van,
akkor elegend=F5 csillagokkal jel=F6lni =F5ket) =E9s sz=F6gletes z=E1r=F3je=
lek
k=F6z=E9 tenni. M=E9g szebb, ha kicsit meg vannak emelve =E9s le vannak
kicsiny=EDtve, =EDgy: <sup><font size=3D-1>[07]</font></sup>


Eld=F6ntend=F5
=2E.........

- K=E9rd=E9s, hogy milyen megold=E1st haszn=E1ljunk a nem magyar bet=FBkre?
A MEK sz=F6vegekben el=F5fordulhatnak pl. francia, spanyol, cirill,
g=F6r=F6g, rom=E1n, szl=E1v karakterek. Kor=E1bban mindenf=E9le tr=FCkk=F6k=
et
haszn=E1ltak ilyenkor a Web-mesterek. Ma =FAgy t=FBnik, hogy az
UTF-8 k=F3dol=E1s terjed legink=E1bb, de ezt egyr=E9szt neh=E9z k=F3dolni,
m=E1sr=E9szt csak a leg=FAjabb b=F6ng=E9sz=F5k ismerik =E9s a keres=F5 prog=
ramok
sem kezelik. =C9n ink=E1bb az NCR (Numeric Character Representation)
megold=E1st javaslom, amikor a karakter Unicode-j=E1t decim=E1lis
form=E1ban =EDrj=E1k be "&#" ut=E1n (pl. a cirill "ju" bet=FB: &#1070; ).
L=E1sd: http://www.unicode.org/charts/
http://www.hclrss.demon.co.uk/unicode/index.html#links
http://www.pemberley.com/janeinfo/latin1.html#noniso88591

---------------------------------------------------------------