Sveikame <body> — sveika dvasia. Pirma dalis.
Friday, February 25th, 2005Žvilgsnis į šių metų lietuviškų tinklalapių kodą priminė man istoriją apie tai, kaip romėnų arklio užpakalio plotis įtakojo JAV kosmines technologijas.
Konkrečiai kalbu apie <body> atributus.
Va tipiškas pavyzdys:
<BODY bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
Atkreipę dėmesį į faktus, kad:
- dabar XXI amžius;
- teoriškai visi moka naudotis CSS;
- praktiškai visi naudoja CSS, net jei nemoka, taigi, vienoks ar kitoks CSS failas jau yra.
darome išvadą — viskas, kas parašyta už BODY HTML’e yra reikalinga kaip kiaulei balnas.
Normaliai čia tereikia <body>, idealiai — <body lang="lt"> (jei tekstas nelietuviškas — tada teksto kalbos kodas)(žr. Vlado komentarą).
Su bgcolor susitvarkyti lengva:
body{background-color: #fff;color: #000; /* tiesiog tvarkingiau yra nurodyti abi spalvas -- ir fono ir teksto */... /* kitos jūsų taisyklės skirtos <body> */}
Dabar grįžkim prie mūsų avinų, t.y. romėnų arklio užpakalio, kurio vaidmenį atlieka leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" atributai.
Ką jie daro dauguma (tikuosi) žino — jie panaikina tuos bjaurius tarpus, kuriuos palieka naršyklės tam atvejui, jei autorius netyčia nepasirūpino paraštėmis. Be gudriųjų programų rūpesčio tekstas būtų prilipęs prie kraštų — labai nepatogu skaityti. Kodėl gi aš burnoju prieš tokį naudingą dalyką?
Pirmiausia, ne visi tokį kodą naudojantys yra matę naršykles, kurioms jis skirtas — taigi, technologija gerokai pasenusi. Antra, šių atributų niekada nebuvo jokiame HTML standarte, nekalbant jau apie XHTML. Validatorius, aptikęs tokį niekalą pagrįstai keiksis there is no attribute "…"
.
leftmargin="0" topmargin="0" (ir rečiau pasitaikantys rightmargin="0" bottommargin="0") yra skirti Internet Explorer 3-čiai versijai. IE4+ puikiai supranta atitinkamą CSS ir gali išgyventi be tokių šiukšlių.
marginwidth="0" marginheight="0" skirti Netscape Navigator 4.x, kuris seniai yra gražus lavonėlis. Zeldmanas jį pasiuntė velniop dar prieš ketverius metus. Ir gerai padarė, nes NN4 turėjo stebėtinai kreivą CSS palaikymą (prieš porą metų kažkur mačiau siūlymą NN4.x uždrausti įstatymu :).
Lengvu rankos judesiu, t.y. dviem papildomomis CSS taisyklėmis išvalome mūsų <body>:
body{background-color: #fff;color: #000;margin:0;/* viso gero, paraštės! */padding:0; /* Opera turi savo būdą atsisveikinti su paraštėm */...}
Pastaba dėl NN4.x: margin: 0; šiai naršyklei negalioja, bet margin: -10px; turėtų suveikti. Ar jau sakiau, kad ši naršyklė turi kreivą CSS palaikymą?
Vat taip, greitai ir nebrangiai mūsų gražiajam <body> nusiurbti riebalai. Nežinau, kaip visokie leftmargin,topmargin etc. dar randa kelią į HTML kodą; ar juos sukiša naudojama programinė įranga, ar čia stebime copy-paste stebuklą, ar maniakai-nekrofilai (tuoj kolekciją surinksiu — viename poste buvo paminėta zoofilija, dabar, prašau — nekrofilija. Iš paieškos sistemų pradės būriais eiti visokie iškrypėliai, o aš juos išmokysiu tvarkingo HTML’o…) įrašo rankomis. Įpratimas — antras prigimimas, bet prastų įpročių reikia atsikratyti.
Su senobiniu kodu susitvarkėme, dabar pora žodžių apie modernias atmainas. Tai šen tai ten pasitaiko <body style="margin:0px 0px 0px 0px"> (o vienos lietuviškos TVS vizitinė kortelė yra <body style="margin:0 0 0 0">). Geriau, nei nestandartiniai atributai, bet neidealu.
Pirmiausia blogai inline CSS. Nors pats esu naudojęs style="...čia-kažkoks-CSS,-kurį-tingėjau-įrašyti-į-atskirą-failą..." bet kuo toliau, tuo labiau galvoju, kad style= atributo visai nereikėjo įtraukti į standartus, jis prieštarauja pačiai CSS esmei — atskirti turinį nuo atvaizdavimo. Taip, pro validatorių praslysti lengviau, bet košė yra košė…
Antra, rašyti "margin:0px 0px 0px 0px"> visai nebūtina, pakanka "margin: 0"> — jei nurodoma viena reikšmė, tai ji taikoma ir viršui, ir apačiai, ir abiems šonams. Be to, nuliniams dydžiams nereikia nurodyti vienetų.
Ir trečia — neatsižvelgta į Operą, kuri paraštėms naudoja ne margin, o padding.
Viskas, galit eiti valyti kodo ir laukti antros ir trečios dalies.