Kuriant puslapį yra susiduriama su išdėliojimo problema. Seniau, buvo populiaru, viską delioti lentelėse, tačiau dabar, kai turime kur kas tobulesnes css ir html kalbas, galime tai daryti kur kas efektyviau - su kitais elementais, tokiais kaip div.
Seniau, kai internetinės technologijos nebuvo tiek išsivysčiusios, kaip dabar, didžioji dalis puslapių buvo daromi su lentelėmis. Pavyzdžiui reikia puslapio su dviem pusėmis, kur dedasi meniu ir kiti moduliai, o per vidurį koks straipsnis, dažniausiai būdavo kuriama lentelė su trim stulpeliais. Kairį stulpelį naudojo kaip konteinerį meniu moduliams, antrą, vidurinį, kaip konteinerį pagrindiniam atverstam puslapiui, o trečiąjį, jeigu reikia, - likusiems moduliams. Pridėjus dar vieną eilutę su sujungtais visais trim stulpeliais, gaudavo konteinerį logotipui ir visai likusiai viršutinei puslapio daliai. Tai atrodo visai neblogas sprendimas, tačiau dabar lenteles turėtume naudoti tik tada, kai jų tikrai reikia. Yra keletas pranašumų, kodėl turėtume nebenaudoti lentelių kuriant puslapio struktūrą.
Taigi, kodėl nenaudoti table, kaip žymės, skirtos išdėstymui? Pagrindiniai argumentai už div:
Pačios žymės pavadinimas table - iš anglų kalbos išvertus reiškia lentelę, todėl šią žymę reikia naudoti tada, kai reikia lentelės. Pavyzdžiui tokios:
Eil.Nr. | Kiti atsiskaitymai | Kolokviumas | Kaupiamasis balas |
Svorio koeficientas | 20% | 30% | |
1 | 9 | 10 | 4.8 |
2 | 10 | 9 | 4.7 |
3 | 7 | 8 | 3.8 |
4 | 8 | 8 | 4 |
Lentelės kodas:
1 |
<table cellspacing="0" cellpadding="0"> |
Žymė div buvo sukurta tam, kad į ją galėtume talpinti kokią nors informaciją. Ji buvo sukurta puslapio struktūros darymui. Viso puslapio išdėstymas turi būti nurodytas su div žymėmis ir css kalbos stiliais, todėl mokantis html yra būtina lygiagrečiai mokytis ir css kalbą. Paprasto puslapio išdėstymo kodas būtų toks:
Su css kalba nurodome stilius:
1 |
* { height:200px; |
Visas kodas:
1 |
<html> #pagrindinis { |