Укладзеныя табліцы Slow вашых старонак ўніз
Вэб-старонкі неабходна загрузіць хутка, але укладзеныя табліцы можа запаволіць працэс. Не дазваляйце нікому казаць вам, што ўсё больш людзей выкарыстоўваюць шырокапалосны або высакахуткасны доступ у Інтэрнэт, так што вам не прыйдзецца турбавацца аб тым, як хутка вашыя старонкі нагрузкі. З колькасцю кантэнту ў Інтэрнэце, старонкі або сайта, які загружае павольна будзе мець менш наведвальнікаў, чым той, які хутка загружаецца. Хуткасць вельмі важная.
Што такое укладзеная табліца?
Укладзены табліца ўяўляе сабой HTML-табліца, якая мае іншую табліцу ўнутры яе. Напрыклад:
<Табліца>
<Й> Калонка 1
<Й> Калонка 2
<Й> Калонка 3
<Табліца>
Укладзеныя табліцы Прычыны Старонкі для загрузкі больш павольна
Адна табліца на вэб-старонцы не прымусіць старонку для загрузкі больш павольна (у разумных межах). Але ў той момант вы паклалі адну табліцу ў іншую табліцу, яна становіцца ўсё больш складаным для браўзэра, каб зрабіць, так што старонка загружаецца павольней. І чым больш табліц укладзеныя адзін у аднаго, тым павольней старонка будзе загружацца.
Пры стварэнні старонкі з табліцамі, майце на ўвазе, што чым больш табліц, якія знаходзяцца ў табліцах, тым павольней старонка будзе загружацца. Як правіла, пры загрузцы старонкі, браўзэр пачынаецца ў верхняй частцы HTML і загружае яго паслядоўна ўніз старонкі. Аднак, з укладзенымі табліцамі, ён павінен знайсці канец табліцы, перш чым ён можа адлюстраваць усю рэч.
Сталы для макета
Вы павінны не выкарыстоўваць табліцы для разметкі ў вашых вэб - старонках. Яны амаль заўсёды патрабуюць, каб выкарыстоўваць укладзеныя табліцы, так што вэб-старонка табліцы макета будзе загружацца павольна, чым той жа дызайн, вынесенага ў CSS.
Акрамя таго, калі вы спрабуеце напісаць сапраўдны XHTML, табліцы не павінны выкарыстоўвацца для размяшчэння на ўсіх. Табліцы для таблічных дадзеных (такія , як электронныя табліцы), а не дзеля разметкі. Замест гэтага, вы павінны выкарыстоўваць CSS для макета -CSS канструкцый зрабіць больш хутка і дапаможа вам падтрымліваць правільны XHTML.
Праектаванне больш хуткая загрузка табліц
Калі вы распрацоўваеце табліцу з некалькімі радкамі, ён часта можа загрузіць больш хутка, калі вы пішаце кожную радок у асобнай табліцы. Напрыклад, вы маглі б напісаць табліцу, як гэта:
<Табліцы стыль = "шырыня: 100%;">
<ГД = Аб'яднанне калонак "2"> верхні шэраг
Але калі б вы напісалі тую ж табліцу, дзве табліцы, здавалася б загружаць больш хутка, таму што браўзэр зробіць першы і затым зрабіць другі, а не робіць усю табліцу адразу. Хітрасць заключаецца ў тым, каб пераканацца, што кожная табліца мае аднолькавую шырыню і іншыя стылі (напрыклад, водступы, палёў і межы).
<Табліцы стыль = "шырыня: 100%;">
<ГД = Аб'яднанне калонак "2"> верхні шэраг
<Табліцы стыль = "шырыня: 100%;">
Пераўтварэнне ўкладзеных табліц у адну табліцу
Вы можаце адчуваць , што ўсё гэта добрая інфармацыя, але ў вас ёсць табліца , якая павінна мець іншую табліцу укладзеную ў яго. Хоць гэта можа быць праўдай, часта вы можаце канвертаваць укладзеныя табліцы ў некалькі больш складаных адзінкавых табліц з дапамогай і атрыбутаў вашых вочак табліцы. Напрыклад, укладзенай табліцы ў верхняй частцы, я магу пераўтварыць гэта ў адну табліцу з проста Colspan атрыбуту:
<Табліца>
<Й> Калонка 1
<Й COLSPAN = "2"> Калонка 2
<Й> Калонка 3
<Тд = Аб'яднанне калонак "2"> Калонка 2
Гэтая табліца таксама мае перавагу выкарыстання менш сімвалаў, чым укладзеная табліца, таму ён запампоўвае хутчэй з-за таго, як добра.