CSS и таблици

Интродукция

Тук искам да засегна въпросът за визуализиране на интернет страница. В общи линии има два метода, по които се водят разгорещени спорове. Първият и отдавна известен е ползването на таблици без рамка, като цялата информация се подрежда в таблицата.

Другият подход е ползването на CSS(Cascading Style Sheets) лейаут. При този метод информацията се поставя в блокове(<div>) , като в отделен файл се намира форматирането на всеки блок. Тук няма да се спирам на подробни обяснения за кода, ползван при тези методи, а ще се заема с плюсовете и минусите на двата метода.

Таблиците срещу CSS

Някой видове дизайн са почти невъзможни за интерпретиране в CSS

Кода има по-ясна структура

Визуализирането на таблици е еквивалентно в повечето браузери

Също така таблици се поддържат от най-старите браузери, което не е така за CSS

Писането на таблици е по-трудоемко, но изисква по-малко „довършителни работи”

Разполагането и структурирането на съдържанието е значително по-лесно

Бъдещето на таблиците е по-сигурно, спрямо CSS, тъй като различните браузери са конкурентни един на друг и шанса те да започнат да ползват еднакво интерпретиране е близък до нулата

Справянето с различни разделителни способности е значително по-лесно с таблици

CSS срещу таблиците

С таблици кодът е доста повече, от което следва и повече трафик, докато със CSS той значително се намалява

Не добре оптимизираните таблици забавят визуализирането, докато това е невъзможно при CSS

Промяната на дизайн на уебсайт, проектиран с таблици може да е трудоемка, докато със CSS усилията са драстично по-малко(само сменяте CSS файла).

Проектирането на вложени елементи със CSS е значително по-лесно

Таблиците правят сайта недостъпен за някои устройства за визуализиране

Има спор върху това че таблиците са предназначени за визуализиране на таблични данни, а не за интерпретиране на дизайн

Заблудите

Сайтовете, основани на CSS дават по-добра позиция в търсещите машини – търсещите машини използват различни алгоритми за търсене, но при правилно структуриран и верен код, без значение дали са таблици или CSS рангът се определя по други параметри.

Времето за което се създава дизайн с CSS е по-малко – не точно. Ако дизайнът изисква съгласуване между няколко обекта, нагласяването на CSS-а изисква много повече време.

CSS прави по-ясно отделянето на съдържание от оформление – грешно. При четене на кода, използван при CSS лейаутите, се вижда ясно съдържанието, но оформлението трябва да се гледа и сравнява паралелно от друг файл, което прави кода не-добре структуриран.

С времето CSS ще се стандартизира и ще се интерпретира еднакво от всички браузери – по-скоро не. Както споменах по-горе това е пазарна територия на различни фирми, които надали ще се съгласят на това.

Допълнителни бележки

Има нещо основно, което трябва да знаете избирайки по какъв начин ще кодирате страницата си – таргет групата и дизайна. Ако сайта ви няма вложени обекти, сложна визуална структура, то може да ползвате CSS лейаут. Ако потребителите ви ползват стари компютри ползвайте таблици, ако те ползват различни устройства – ползвайте CSS. Ако правите дизайнът си с CSS лейаут, нищо не пречи да представите таблични данни в таблица. Общо взето изводът е, че е добре да ползвате и двете технологии.

Връзки

http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx

http://www.alistapart.com/articles/alternate/

http://flashbg.org/tutorials/stupidtables/index.html

http://www.csszengarden.com/

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

http://glish.com/css/

Автор: Венелин Рангелов

КОМЕНТАРИ

Заглавие : CSS vs Table

Автор : abozhilov

email :

От такива статии винаги става ясно че е полезно да се ползват и таблици и CSS, за изграждане на лейаута на страницата.Много хора са фанатично настроени че с CSS става абсолютно всичко, но понякога дари и на тях се налага да ползват таблица и то не за таблични данни а за позициониране на елемент.
Може би най-доброто решение е самият автор да преценява кога да използва таблица и кога CSS, но да не прекалява с едно от двете.
Искрено се надявам браузърите да не се конкурират в това кой най-лошо подържа CSS а да се конкурират в други работи като функционалност на браузъра.

Заглавие : Може би

Автор : Венелин Рангелов

email :

PhrozenCrew, страхувам се, че не съм много съгласен с мнението ви! Първо статията е предназначена за избора между двете технологии на кодиране - информацията е предимно за HTML редактор, не за дизайнер.
Не оспорвам авторирета на groovemanifesto, но това е авторска статия и мнението ми не е задължително да съвпада с Джефри Зелдман.
Целта на статията е да покаже плюсовете и минусите на двете технологии, а избора определено зависи от това, какво ще се прави!

Заглавие : Валидация

Автор : Димитров

email : dim01@abv.bg

Някой може ли да обясни, защо при валидация на тази страница има 62 грешки и все пак тя изглежда добре?

Заглавие : Re: Валидация

Автор : Нова

email : rageandlove@abv.bg

Страниците винаги изглеждат по-добре, когато не са валидизирани:)

ПУБЛИКУВАНЕ НА МНЕНИЕ