CSS е најдобар начин да се изградат дизајни на веб-страници
Учењето да пишувате распореди на CSS може да биде незгодно, особено ако сте запознаени со користење на табели за да создавате фантазии на веб-страници. Но, додека HTML5 дозволува табели за распоред, тоа не е добра идеја.
Табелите не се достапни
Исто како пребарувачите, повеќето читачи на екранот читаат веб-страници по редоследот што тие се прикажани во HTML-от. И табелите можат да бидат многу тешки за читачите на екран да разгледуваат. Ова е затоа што содржината во изгледот на табелата, додека линеарна, не секогаш има смисла кога читате од лево кон десно и одгоре-надолу. Плус, со вгнездени табели и разни спојувања на клетките на табелата може да ја направат страницата многу тешко да се пресмета.
Ова е причината поради која спецификацијата HTML5 препорачува против табели за изгледот и зошто HTML 4.01 го оневозможува тоа. Достапните веб-страници им овозможуваат на повеќе луѓе да ги користат и се знак на професионален дизајнер.
Со CSS, можете да дефинирате дел како припадник на левата страна на страницата, но ставете го последното во HTML. Потоа, читачите на екранот и пребарувачите подеднакво ќе ги прочитаат првите и помалку важни делови (навигација) на важните делови (содржината).
Табелите се незгодни
Дури и ако креирате табела со веб-уредувач, вашите веб-страници сеуште ќе бидат многу комплицирани и тешко ќе се задржат. Освен за повеќето едноставни дизајни на веб-страници, повеќето табели за распоред бараат употреба на многу и атрибути и вгнездени табели.
Изградбата на табелата може да изгледа лесно додека го правиш, но тогаш треба да го задржиш. Шест месеци по линија не може да биде толку лесно да се запомни зошто сте вгнездиле во табелите или колку клетки биле во ред и така натаму. Плус, ако одржувате веб-страници како член на тимот, морате да им објасните на секој човек како функционираат масите или очекувате од нив да преземат дополнително време кога треба да направат промени.
CSS може да биде комплицирана, но таа ја задржува презентацијата одделно од HTML и го олеснува одржувањето на долг рок. Плус, со распоред на CSS можете да напишете една CSS датотека и да ги стимулирате сите ваши страници да изгледаат така. И кога сакате да го промените изгледот на вашиот сајт, едноставно менувате една CSS датотека, а целата страница chnges-не повеќе поминува низ секоја страница, еден по еден, за да ги ажурирате табелите за да го ажурирате изгледот.
Табелите се нефлексибилни
Иако е можно да се креираат распоред на табела со процентни ширини, тие често се поспоро за вчитување и драматично можат да го сменат начинот на кој изгледа изгледот. Но, ако користите одредена ширина за вашите маси, ќе завршите со многу ригиден изглед кој нема да изгледа добро на монитори кои се различно различни од вашите сопствени.
Креирање флексибилни распореди кои изгледаат добро на многу монитори, прелистувачи и резолуции е релативно лесно. Всушност, со медиумските пребарувања на CSS, можете да креирате одделни дизајни за различни екрани со големина.
Вгнездени табели вчитуваат поладно од CSS за истиот дизајн
Најчестиот начин да се создадат фенси распореди со табели е да "гнездо" маси. Ова значи дека една (или повеќе) табела е ставена во друга. Колку повеќе маси се вгнездени, толку подолго ќе биде потребно за веб-прелистувачот да ја прикаже страницата.
Во повеќето случаи, изгледот на табелата користи повеќе карактери за креирање од CSS-дизајнот. И помалку карактери значи помалку за преземање.
Табели може да наштети на пребарувач оптимизација
Највообичаен распоред на изготвен табела има лента за навигација на левата страна на страницата и главната содржина на десната страна. Кога користите табели, ова (општо) бара првата содржина што се прикажува во HTML е левата лента за навигација. Пребарувачите ги категоризираат страниците врз основа на содржината и многу мотори одредуваат дека содржината прикажана на врвот на страницата е поважна од другите содржини. Значи, првата страница со навигација од левата страна, ќе изгледа дека содржи содржина што е помалку важна од навигацијата.
Користејќи CSS, можете да ја ставите важната содржина прва во вашиот HTML и потоа да го користите CSS за да одредите каде треба да биде ставен во дизајнот. Ова значи дека пребарувачите прво ќе ја видат важната содржина, дури и ако дизајнот го става понизок надолу на страницата.
Табели Дон 'Не секогаш печатете добро
Многу дизајни на табели не се печатат добро, бидејќи тие се едноставно премногу широк за печатачот. Значи, за да ги поправат, прелистувачите ќе ги отсечат табелите и ќе отпечатат секции подолу, што ќе резултира со многу неповрзани страници. Понекогаш ќе завршите со страници што изгледаат добро, но целата десна страна недостасува. Други страници ќе отпечатат делови на разни листови.
Со CSS можете да креирате посебен стилски лист само за печатење на страницата.
Табелите за распределба се неважечки во HTML 4.01
Спецификацијата на HTML 4 гласи: "Табелите не треба да се користат само како средство за изглед на содржината на документот, бидејќи ова може да претставува проблем при рендерирање на невидливи медиуми."
Значи, ако сакате да напишете валиден HTML 4.01, не можете да користите табели за распоред. Треба да користите само табели за табеларни податоци. И табеларните податоци генерално изгледаат како нешто што може да се прикаже во табеларна пресметка или, можеби, база на податоци.
Но, HTML5 ги промени правилата и сега табелите за распоред, додека не се препорачуваат, сега се валидни HTML. Спецификацијата HTML5 гласи: "Табелите не треба да се користат како помагала за изглед."
Бидејќи табелите за изгледот се тешки за читателите на екран да се разликуваат, како што споменав погоре.
Користењето на CSS за позиционирање и распоред на вашите страници е единствениот валиден HTML 4.01 начин да ги добиете дизајните што ги користевте за да креирате табели. И HTML5 силно го препорачува овој метод, како и.
Табелите за распределба можат да влијаат врз изгледите за работа
Како што се повеќе и повеќе нови дизајнери учат HTML и CSS, вашите вештини за градење на маса распоред ќе биде во помала и помала побарувачка. Да, точно е дека клиентите обично не ви ја кажуваат точната технологија што треба да ја користите за да ги изградите своите веб-страници. Но, тие ве прашаат за работи како:
- Достапни веб-страници: дизајни што може да ги гледаат читателите на екран се мандат од страна на многу земји и корпорации бараат пристапност се повеќе и повеќе важни секој ден.
- Одржливи веб-страници: дизајни што можат да ги направат со нив, дури и ако нема да ги одржувате во иднина.
- Флексибилни дизајни: дизајни кои работат на многу прелистувачи, резолуции и уреди.
- Брзо преземање страници: брзината станува се повеќе и повеќе важно, дури и до оптимизација.
- Дизајни за печатење: страници што печатат без специјални скрипти или дополнителни страници.
Ако не можете да го испорачате она што го бараат клиентите, тие ќе престанат да доаѓаат кај вас за дизајни, можеби не денес, но можеби следната година или следната година. Дали навистина може да си дозволите да страдате од вашиот бизнис, бидејќи не сте подготвени да започнете со учење техника која е во употреба од крајот на 90-тите?
Моралот: Научете да користите CSS
CSS може да биде тешко да се научи, но нешто вредно е вредно за напор. Не ги чувајте своите вештини од стагнација. Научете го CSS и изградете ги своите веб страни на начинот на кој тие требаше да бидат изградени - со CSS за распоред.