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/

    Автор: Венелин Рангелов Източник: http://www.eadvise.info