CSS гэта лепшы спосаб для стварэння дызайну вэб-старонак
Вучымся пісаць CSS макетаў можа быць складана, асабліва калі вы знаёмыя з выкарыстаннем табліц для стварэння фантазіі макеты вэб - старонак. Але ў той час як HTML5 дазваляе табліцы для разметкі, гэта не вельмі добрая ідэя.
Табліцы не даступныя
Гэтак жа, як пошукавыя сістэмы, большасць чытачоў экрана чытання вэб-старонак у тым парадку, яны адлюстроўваюцца ў HTML. І сталы могуць быць вельмі цяжка для чытання з экрана, каб разабраць. Гэта адбываецца таму, што ўтрыманне ў выглядзе табліцы, у той час як лінейныя, не заўсёды мае сэнс пры чытанні злева-направа і зверху-уніз. Акрамя таго, з укладзенымі табліцамі і рознымі пралётамі на вочках табліцы можна зрабіць старонку вельмі цяжка зразумець.
Гэта з'яўляецца прычынай таго, што спецыфікацыя HTML5 рэкамендуе табліцы для разметкі і чаму HTML 4.01 забараняе яго. Даступныя вэб-старонкі, каб больш людзей, каб выкарыстоўваць іх і з'яўляюцца прыкметай прафесійнага дызайнера.
З дапамогай CSS можна вызначыць раздзел як якія належаць на левай баку старонкі, але змясціць яго ў апошні раз у HTML. Затым экран чытачоў і пошукавыя сістэмы, так прачытаюць важныя часткі (змест) першы і менш важныя часткі (рух) апошнія.
табліцы Tricky
Нават калі вы ствараеце табліцу з дапамогай вэб-рэдактара, вашыя вэб-старонкі будуць па-ранейшаму будзе вельмі складаным і цяжка падтрымліваць. для самых простых канструкцый вэб-старонак Акрамя гэтага, большасць макетаў табліц патрабуе выкарыстання вялікай колькасці і атрыбутаў і ўкладзеных табліц.
Пабудова табліцы можа здацца лёгкім, калі вы робіце гэта, але тады вы павінны падтрымліваць яго. Шэсць месяцаў ўніз па лініі гэта можа быць не так лёгка ўспомніць, чаму вы укладзеныя табліцы або як многія клеткі былі ў шэраг і гэтак далей. Акрамя таго, калі вы падтрымліваеце вэб-старонкі ў якасці члена каманды, вы павінны растлумачыць кожнаму чалавеку, як табліцы, працаваць ці чакаць іх спатрэбіцца дадатковы час, калі яны павінны ўносіць змены.
CSS можа быць складаным, як добра, але ён трымае прэзентацыю асобна ад HTML і робіць яго значна лягчэй падтрымліваць у доўгатэрміновай перспектыве. Акрамя таго, з макетам CSS вы можаце напісаць адзін файл CSS, і стыль ўсіх вашых старонак, каб выглядаць такім чынам. І калі вы хочаце змяніць макет вашага сайта, вы проста змяніць адзін файл CSS, і ўвесь сайт не chnges-больш не праходзіць праз кожную старонку па адным, каб абнавіць табліцы для абнаўлення макета.
сталы непахісныя
Хоць можна ствараць макеты табліц з працэнтным Шырын, яны часта павольней загружацца і могуць кардынальна змяніць як ваш макет выглядае. Але калі выкарыстоўваць названыя шырыні для табліц, вы ў канчатковым выніку з вельмі жорсткай макет, які не будзе добра выглядаць на маніторах, якія па-рознаму памерам ад вашых уласных.
Стварэнне гнуткіх макетаў, якія добра выглядаюць на многіх маніторах, браўзэрах, а таксама рашэнні адносна лёгка. На самай справе, з запытамі CSS СМІ, вы можаце ствараць асобныя канструкцыі для розных экранаў памеру.
Укладзеныя табліцы нагрузкі павольней, чым CSS для таго ж дызайну
Самы распаўсюджаны спосаб стварэння фантазіі макетаў з табліцамі з'яўляецца «ўкладванне» табліца. Гэта азначае, што адзін (ці больш) табліца змяшчаецца ўсярэдзіне іншай. Чым больш табліц, якія гнездаваліся, тым даўжэй ён будзе прымаць для вэб-браўзэра для адлюстравання старонкі.
У большасці выпадкаў структура табліцы выкарыстоўвае больш сімвалаў, каб стварыць, чым дызайн CSS. І менш сімвалаў, тым менш для загрузкі.
Табліцы могуць пашкодзіць пошукавую аптымізацыю
Найбольш распаўсюджаная табліца, створаная раскладка мае навігацыйную панэль у левай частцы старонкі і асноўнага зместу справа. Пры выкарыстанні табліц, гэта (як правіла) патрабуе, каб першае ўтрыманне, якое адлюстроўваецца ў HTML з'яўляецца панэль навігацыі злева. Пошукавыя сістэмы катэгарызацыі старонак на аснове ўтрымання, і многія сістэмы вызначаюць , што ўтрыманне адлюстроўваецца ў верхняй частцы старонкі важней іншага кантэнту. Такім чынам, старонка з левай навігацыяй першай з'явіцца мець змест, якое з'яўляецца менш важным, чым рух.
Выкарыстоўваючы CSS, вы можаце змясціць важнае ўтрыманне першым у вашым HTML, а затым выкарыстоўваць CSS, каб вызначыць, дзе ён павінен быць змешчаны ў дызайне. Гэта азначае, што пошукавыя сістэмы будуць бачыць важнае ўтрыманне першай, нават калі дызайн ставіць яго ніжэй па старонцы.
Сталы Don & # 39; т Заўсёды выкарыстоўваць для друку
Шматлікія канструкцыі сталоў не друкуюць добра, таму што яны проста занадта шырокія для друкаркі. Такім чынам, каб зрабіць іх у форме, браўзэры будуць выразаць табліцы прэч і секцыі друку ніжэй прыводзіць да вельмі раз'яднаных старонак. Часам вы ў канчатковым выніку са старонкамі, якія выглядаюць добра, але ўся правая бок адсутнічае. Іншыя старонкі будуць друкаваць раздзелы на розных лістах.
З дапамогай CSS можна стварыць асобную табліцу стыляў толькі для друку старонкі.
Сталы для макета несапраўдныя ў HTML 4.01
У HTML 4 спецыфікацыі гаворыцца: «Табліцы не павінны выкарыстоўвацца толькі ў якасці сродку для макета змесціва дакумента, бо гэта можа выклікаць праблемы пры адлюстраванні ня-візуальных сродкаў масавай інфармацыі.»
Такім чынам, калі вы хочаце, каб напісаць сапраўдны HTML 4.01, вы можаце не выкарыстоўваць табліцы для разметкі. Вы павінны выкарыстоўваць толькі табліцы для таблічных дадзеных. І дадзеныя Таблічная ў цэлым выглядае як-то вы маглі б адлюстраваць у табліцы або, магчыма, у базе дадзеных.
Але HTML5 змянілі правілы і цяпер табліцы для разметкі, а не рэкамендуецца, цяпер сапраўдныя HTML. Спецыфікацыя HTML5 абвяшчае: «Табліцы не павінны выкарыстоўвацца ў якасці кампановачных сродкаў.»
Так як табліцы для разметкі цяжкія для чытання з экрана, каб дыферэнцаваць, як я згадаў вышэй.
Выкарыстанне CSS для размяшчэння і макета старонак з'яўляецца адзіным правільным HTML 4,01 спосабам атрымаць праекты, якія вы выкарыстоўвалі, каб выкарыстоўваць табліцы для стварэння. І HTML5 настойліва рэкамендуе гэты метад, а таксама.
Сталы для макета могуць паўплываць на вашу працу перспектыву
Паколькі ўсё больш і больш новых дызайнераў вывучаць HTML і CSS, вашыя навыкі ў будаўнічых макетах табліц будуць усё менш і менш попыту. Так, гэта праўда, што кліенты звычайна не кажуць вам дакладную тэхналогію варта выкарыстоўваць для стварэння сваіх вэб-старонак. Але яны пытацца такія рэчы, як:
- Даступныя вэб-старонкі: праекты, якія могуць быць прагледжаныя з дапамогай праграмы чытання з экрана ў цяперашні час мандат многіх краін і карпарацый знайсці даступнасць больш і больш важным кожны дзень.
- Абслугоўваная вэб-старонкі: дызайн яны могуць узяць з сабой, нават калі вы не збіраецеся падтрымліваць іх у будучыні.
- Гнуткія канструкцыі: канструкцыі, якія працуюць у многіх браўзэрах, рэзалюцый і прылад.
- Хуткая загрузка старонак: хуткасць становіцца ўсё больш і больш важным, нават SEO.
- Для друку канструкцый: старонкі, якія друкуюць без спецыяльных скрыптоў або дадатковых старонак.
Калі вы не можаце даставіць тое, што кліенты просяць, яны перастануць прыходзіць да вас для канструкцый, магчыма, не сёння, але, магчыма, у наступным годзе ці праз год. Вы сапраўды можаце сабе дазволіць, каб ваш бізнес пакутуе, таму што вы не гатовыя пачаць вывучаць тэхніку, якая была ў эксплуатацыі з канца 1990-х гадоў?
Мараль: Вучыцеся выкарыстоўваць CSS
CSS можа быць цяжка даведацца, але нічога талковага варта высілкаў. Не трымайце свае навыкі ад стагнуе. Навучыцеся CSS і будаваць свае вэб-старонкі так, як яны прызначаліся, каб убудаваны ў CSS для макета.