Għaliex Għandek Evita Tabelli għal Layouts Web Page

CSS huwa l-aħjar mod biex jinbnew disinji tal-web page

It-tagħlim biex tikteb it-taqsimiet tas-CSS jista 'jkun diffiċli, speċjalment jekk tkun familjari ma' l-użu ta 'tabelli biex joħolqu taqsim tal-web tal-fancy. Imma filwaqt li l- HTML5 jippermetti t-tabelli għat-tqassim, mhix idea tajba.

It-Tabelli Mhumiex Aċċessibbli

Eżatt bħal magni tat-tiftix, l-aktar qarrejja tal-iskrin jaqraw il-paġni tal-web fl-ordni li jintwerew fl-HTML. U t-tabelli jistgħu jkunu diffiċli ħafna għall-qarrejja tal-iskrin biex jeżaminaw. Dan minħabba li l-kontenut fit-tqassim tal-mejda, filwaqt li lineari, mhux dejjem jagħmel sens meta jinqara mix-xellug għal-lemin u minn fuq għal isfel. Barra minn hekk, bit-tabelli nested, u t-tifrix differenti fuq iċ-ċelluli tal-mejda jistgħu jagħmlu l-paġna diffiċli ħafna biex insemmu.

Din hija r-raġuni li l-ispeċifikazzjoni HTML5 tirrakkomanda kontra t- tabelli għat-tqassim u għaliex l-HTML 4.01 ma jippermettilhiex. Il-paġni tal-web aċċessibbli jippermettu lil aktar nies jużawhom u huma l-marka ta 'disinjatur professjonali.

Ma 'CSS, tista' tiddefinixxi taqsima bħala li tappartjeni fuq in-naħa tax-xellug tal-paġna imma poġġiha l-aħħar fl-HTML. Imbagħad il-qarrejja tal-iskrin u l-magni tat-tiftix bl-istess mod se jaqraw il-partijiet importanti (il-kontenut) l-ewwel u l-partijiet anqas importanti (navigazzjoni) l-aħħar.

It-Tabelli huma Tricky

Anki jekk toħloq tabella b'edukatur tal-web, il-paġni tal-web tiegħek xorta jkunu kkumplikati ħafna u diffiċli biex jinżammu. Ħlief għad-disinji l-aktar sempliċi tal-paġna tal-web, il-biċċa l-kbira tat-tabelli ta 'tqassim jeħtieġu l-użu ta' ħafna u attributi u ta 'tabelli nested.

Il-bini tat-tabella jista 'jidher faċli waqt li tkun qed tagħmel dan, iżda mbagħad għandek bżonn biex iżżommha. Sitt xhur il-linja tista 'ma tkunx faċli biex tiftakar għaliex inti nested it-tabelli jew kemm ċelluli kienu konsekuttivi u l-bqija. Barra minn hekk, jekk iżżomm il-paġni tal-web bħala membru tat-tim, għandek tispjega lil kull persuna kif it-tabelli jaħdmu jew jistennew li jieħdu ħin addizzjonali meta jkollhom jagħmlu bidliet.

Is-CSS jista 'jkun ikkumplikat ukoll, iżda jżomm il-preżentazzjoni separata mill-HTML u jagħmilha aktar faċli biex tinżamm fit-tul. Barra minn hekk, bil-format tas-CSS tista 'tikteb fajl CSS wieħed, u stil il-paġni kollha tiegħek biex tfittex dak il-mod. U meta tkun trid tibdel it-tqassim tas-sit tiegħek, inti sempliċement ibiddlu fajl CSS wieħed, u s-sit kollu jaqa '- mhux aktar għaddej minn kull paġna wieħed kull darba biex taġġorna t-tabelli biex taġġorna t-tqassim.

Tabelli huma inflessibbli

Filwaqt li huwa possibbli li jinħolqu arranġamenti tal-mejda b'wisa 'perċentwali, ħafna drabi huma aktar baxxi għat-tagħbija u jistgħu jinbidlu b'mod drammatiku kif tidher it-tqassim tiegħek. Imma jekk tuża wisa 'speċifikati għat-tabelli tiegħek, inti tispiċċa b'disinn riġidu ħafna li mhux se tħares tajba fuq monitors li huma daqsijiet differenti minn tiegħek.

Il-ħolqien ta 'taqsim flessibbli li jidher tajjeb fuq ħafna moniters, browsers, u riżoluzzjonijiet huwa relattivament faċli. Fil-fatt, bil-mistoqsijiet tal-midja CSS, tista 'toħloq disinni separati għal skrins ta' daqs differenti.

Tabelli Nested Tagħbija Aktar Bil-Ħeffa minn CSS għall-istess Disinn

L-aktar mod komuni biex jinħolqu layouts fancy ma 'tabelli huwa li jittajpja "tabelli". Dan ifisser li tabella waħda (jew aktar) titqiegħed ġo ieħor. L-aktar tabelli li huma nested, aktar se tieħu għall-web browser biex jirrendi l-paġna.

Fil-biċċa l-kbira tal-każijiet, tqassim tal-mejda juża aktar karattri milli joħolqu minn disinn CSS. U inqas karattri tfisser inqas biex tniżżel.

Tabelli jistgħu iweġġgħu Search Engine Ottimizzazzjoni

It-tqassim maħdum tal-aktar tabella komuni għandu bar ta 'navigazzjoni fuq in-naħa tax-xellug tal-paġna u l-kontenut prinċipali fuq il-lemin. Meta tuża t-tabelli, dan (ġeneralment) jeħtieġ li l-ewwel kontenut li juri l-HTML huwa l-bar tan-navigazzjoni tax-xellug. Il-magni ta 'riċerka jikkategorizzaw il-paġni bbażati fuq il-kontenut, u bosta magni jiddeterminaw li l-kontenut murija fil-quċċata tal-paġna huwa aktar importanti minn kontenut ieħor. Allura, paġna b'navigazzjoni tax-xellug l-ewwel, tidher li għandha kontenut li huwa inqas importanti min-navigazzjoni.

Bl-użu tas-CSS, tista 'tpoġġi l-kontenut importanti l-ewwel fl-HTML tiegħek u mbagħad tuża CSS biex tiddetermina fejn għandha titqiegħed fid-disinn. Dan ifisser li l-magni tat-tiftix se jaraw il-kontenut importanti l-ewwel, anke jekk id-disinn jpoġġiha aktar baxxa fuq il-paġna.

Tabelli Don & # 39; t Dejjem Print Well

Ħafna disinni tal-mejda ma jistampawx tajjeb għax huma sempliċement wesgħin wisq għall-istampatur. Allura, biex tagħmilhom tajbin, il-browsers se jnaqqsu t-tabelli u jistampaw is-sezzjonijiet ta 'hawn taħt li jirriżultaw f'paġni ferm imqassma. Kultant tispiċċa bi paġni li tħares okay, imma n-naħa l-kbira kollha hija nieqsa. Paġni oħrajn se jipprintjaw taqsimiet fuq diversi folji.

Ma 'CSS tista' toħloq folja ta 'stil separata biss għall-istampar tal-paġna.

Tabelli għat-Tqassim huma Invalidi f'HTML 4.01

L-ispeċifikazzjoni tal-HTML 4 tiddikjara: "It-tabelli m'għandhomx jintużaw purament bħala mezz ta 'tqassim tal-kontenut tad-dokumenti peress li dan jista' jkun ta 'problemi meta jsir mezz mhux viżwali."

Għalhekk, jekk trid tikteb HTML 4.01 valida, ma tistax tuża tabelli għat-tqassim. Għandek tuża biss tabelli għal data tabulari. U d-data tabulari ġeneralment tidher qisha xi ħaġa li tista 'turi fi spreadsheet jew possibilment database.

Imma HTML5 biddel ir-regoli u issa t-tabelli għat-tqassim, filwaqt li mhumiex irrakkomandati, issa huma HTML validi. L-ispeċifikazzjoni tal-HTML5 tiddikjara: "It-tabelli m'għandhomx jintużaw bħala għajnuniet għat-tqassim."

Minħabba li t-tabelli għat-tqassim huma diffiċli biex il-qarrejja tal-iskrin jiddifferenzjaw, kif nirreferi hawn fuq.

Bl-użu ta 'CSS għall-pożizzjoni u t-tqassim tal-paġni tiegħek huwa l-uniku mod HTML 4.01 validu biex jinkisbu d-disinji li tuża biex tuża tabelli biex toħloq. U HTML5 jirrakkomanda bil-qawwa dan il-metodu wkoll.

Tabelli għat-Tqassim Jista 'Jimpjega l-Prospetti ta' Xogħol Tiegħek

Peress li aktar u aktar disinjaturi ġodda jitgħallmu HTML u CSS, il-ħiliet tiegħek fit-tqassim tal-mejda tal-bini se jkunu dejjem inqas id-domanda. Iva, hu veru li l-klijenti normalment ma jgħidulekx it-teknoloġija eżatta li għandek tuża biex tibni l-paġni web tagħhom. Imma dawn jistaqsuk għal affarijiet bħal:

Jekk ma tistax tagħti dak li l-klijenti jitolbu, dawn se jieqfu ġejjin għalik għal disinji, forsi mhux illum, imma forsi is-sena d-dieħla jew is-sena wara. Int tista 'verament taffordja li tħalli in-negozju tiegħek issofri minħabba li m'intix lest li tibda t-tagħlim ta' teknika li ilha tintuża mill-aħħar tas-snin disgħin?

Il-Morali: Tgħallem Uża CSS

Is-CSS jista 'jkun diffiċli biex titgħallem, iżda xejn utli jiswa l-isforz. Ma żżommx il-ħiliet tiegħek milli tistaġna. Tgħallem CSS u tibni l-paġni tal-web tiegħek il-mod kif kienu maħsuba biex jinbnew - ma 'CSS għat-tqassim.