Webszerkesztés és HTML programozás - inter-studium.hu

Vinnai Zoltán: HTML
5.1.3. CSS
Rossz:
Jó:
• A jellemzőknek legyen értéke!
Rossz:
Jó: vagy
Még egy fontos szabványt meg kell említeni, mégpedig a CSS-t ami már 2.1-es
verziónál tart. A hivatalos oldal címe: http://www.w3.org/TR/CSS2/.
A CSS (angolul Cascading Style Sheets) a számítástechnikában egy stílusleíró nyelv,
mely a HTML vagy XHTML típusú strukturált dokumentumok megjelenését írja le. Ezen
kívül használható bármilyen XML alapú dokumentum stílusának leírására is, mint például az
SVG, XUL stb.
A CSS-ről tudni kell, hogy gyakorlatilag a HTML kódolás egyik alap építő köve az
oldalak formázását, megjelenítését tekintve. Nélküle éppen lehet HTML oldalakat készíteni,
de már a HTML szabvány szerint sem ajánlott. A hagyományos formázó elemek már
"érvénytelenítettek" (deprecated) a HTML 4.01 szabványban, ami azt jelenti, hogy vagy
támogatottak egy böngésző program által vagy sem. Ennek ellenére jelenleg minden böngésző
program értelmezi őket a régebben készült oldalak miatt.
5.2. Tartalom és kinézet
A szövegszerkesztés esetén is, külön lehet választani a tartalmat a kinézettől
(formázás). HTML-ben ez úgy néz ki, hogy a tartalom a tiszta szöveg, a kinézet pedig a
szöveg megjelenésének a módosítása. Szokták ezt még prezentációs lehetőségeknek is
nevezni.
A HTML fejlődésével egyre inkább nőtt az igény a tartalom és a kinézet
szétválasztására. Az aktuális állapot szerint a HTML kód nem tartalmazhat formázó kódot,
minden ilyen, megjelenéssel kapcsolatos beállítást CSS segítségével kell megvalósítani. A
CSS kód ráadásul egy külön állományban kerül tárolásra, így a tartalmi elemek jól
olvashatóak maradnak, és így könnyű javítani is benne.
5.3. Kódjavítás
Ha az elkészült kódunk „rendetlen”, vagy sok hibát tartalmaz, akkor jelenthet
megoldást a HTML Tidy, vagy ha úgy jobban tetszik: a HTML Pucoló. Ez nem más, mint
egy letölthető alkalmazás, melyet eredetileg Dave RAGETT fejlesztett ki. A Tidy nem egy
szerkesztőeszköz – pusztán dolgunk megkönnyítésére használható, magyarul segít érvényessé
tenni oldalainkat. Annyival praktikusabb, mint a W3C HTML kiértékelője, hogy míg ez
utóbbi kizárólag a hibák pontos helyét mutatja meg, illetve bizonyos esetekben magyarázó
szöveggel segíti a javítást, addig a Tidy bizonyos szintű automatikus javításra képes. A
program nemcsak javítani tud, hanem képes különböző kódlapok között is konvertálni,
valamint kódtisztításra is alkalmas, illetve HTML kódból jól formázott XHTML kódot is elő
tud állítani.
A programot parancssorban használhatjuk "tidy kapcsoló file kapcsoló file" formában.
Az elérhető lehetőségekről a "tidy -help" parancs kiadásával tájékozódhatunk.
15