CSS minangka cara paling apik kanggo mbangun desain kaca web
Learning kanggo nulis tata letak CSS bisa angel, utamané yen sampeyan kenal nganggo tabel kanggo nggawe tata letak halaman web apik. Nanging nalika HTML5 ngidini tabel kanggo tata letak, iku ora apik.
Tabel ora bisa diakses
Kaya mesin telusur, paling maca layar maca kaca web supaya bisa ditampilake ing HTML. Lan tabel bisa banget kanggo maca parsing. Iki amarga isi ing tata letak meja, nalika linier, ora tansah bisa dipahami nalika maca kiwa-ke-tengen lan ndhuwur-kanggo-ngisor. Plus, kanthi tabel sing dicithak, lan maneka warna cagak ing sel tabel bisa nggawe kaca banget angel dipikirake.
Iki minangka alasan sing spesifikasi HTML5 ngajak marang tabel kanggo tata letak lan ngapa HTML 4.01 ora ngidini. Kaca web sing kasedhiya ngidini wong liya nggunakake lan dadi tandha saka desainer profesional.
Kanthi CSS, sampeyan bisa nemtokake bagean sing diarani ing sisih kiwa kaca nanging nyetel tandha pungkasan ing HTML. Banjur pembaca layar lan mesin telusur bakal maca bagian penting (isi) pisanan lan bagean sing luwih penting (pandhu arah) pungkasan.
Tabel Apa Tricky
Sanajan sampeyan nggawe meja karo editor web, kaca web sampeyan isih bakal rumit lan angel ditindakake. Kajaba kanggo desain kaca web paling prasaja, tabel tabel sing paling akeh mbutuhake akeh lan atribut lan tabel sing dicithak.
Nggawe meja bisa katon gampang nalika sampeyan lagi nindakake, nanging sampeyan kudu njaga. Enem sasi ing garis iki ora kaya gampang kanggo ngelingi apa sampeyan nested tabel utawa carane akeh sel padha ing baris lan ing. Dadi, yen sampeyan njaga kaca web minangka anggota tim, sampeyan kudu njlentrehake marang saben wong cara tabel bisa digunakake utawa nyinaoni wektu tambahan nalika kudu nggawe owah-owahan.
CSS bisa uga rumit, nanging tetep nggawe presentasi kapisah saka HTML lan ndadekake luwih gampang dikelola kanthi cepet. Plus, kanthi tata letak CSS sampeyan bisa nulis file CSS, lan nampilake kabeh kaca supaya katon. Lan yen sampeyan pengin ngowahi tata letak situs, sampeyan mung ngganti file CSS, lan kabeh situs web-ora bakal melu saben kaca siji-siji maneh kanggo nganyari tabel kanggo nganyari tata letak.
Tabel Apik
Nalika sampeyan bisa nggawe tata letak tabel kanthi persentasi lebar, sampeyan kerep luwih alon kanggo muat lan bisa ngganti kanthi dramatis babagan tata letak sing katon. Nanging yen sampeyan nggunakake layang tartamtu kanggo tabel, sampeyan bakal nganggo tata letak sing kaku sing ora katon ing monitor sing ukurane beda saka sampeyan dhewe.
Nggawe tata letak fleksibel sing katon apik ing akeh monitor, browser, lan resolusi gampang. Ing kasunyatan, kanthi pitakon media CSS, sampeyan bisa nggawe rancangan sing beda kanggo ukuran layar sing beda.
Nested Tables Load More Slowly Than CSS for the Same Design
Cara paling umum kanggo nggawe tata letak sing apik karo tabel iki yaiku tabel "sarang". Iki tegese meja siji (utawa luwih) diselehake nang liyane. Luwih tabel sing disambungake, luwih maneh bakal ditrapake kanggo browser web kanggo nerjemahake kaca kasebut.
Ing sawetara kasus, tata letak tabel nggunakake karakter liyane kanggo nggawe saka desain CSS. Lan kurang karakter berarti kurang didownload.
Tabel Bisa Nggeser Search Engine Optimization
Tabel paling umum nggawe tata letak nduweni garis navigasi ing sisih kiwa kaca lan isi utama ing sisih tengen. Nalika nggunakake tabel, iki (umume) mbutuhake isi pisanan sing nuduhake ing HTML yaiku bar navigasi kiwa. Mesin telusur nggolongake kaca-kaca miturut isi, lan akeh mesin nemtokake isi sing ditampilake ing sisih ndhuwur kaca luwih penting tinimbang isi liyane. Dadi, sawijining kaca kanthi pandhuan kiwane maneh, bakal katon duwe isi sing luwih penting tinimbang pandhu arah.
Nggunakake CSS, sampeyan bisa nglebokake isi penting ing HTML lan banjur nggunakake CSS kanggo nemtokake lokasi sing kudu disetel ing desain. Iki tegese mesin panelusur bakal bisa ndeleng isi penting dhisik, sanajan rancangan nggawe panggonan mudhun ing kaca kasebut.
Tabel Don & # 39; t Tansah Nyithak Nah
Akeh rancangan meja ora dicithak kanthi apik amarga ukurane cukup kanggo printer. Dadi, kanggo nggawe wong pas, browser bakal ngilangi tabel lan nyetak bagean ing ngisor iki supaya kaca-kaca disjointed. Kadhangkala sampeyan bakal mungkasi kaca sing katon apik, nanging sisih tengen ora ana. Kaca liya bakal nyetak bagean ing macem-macem lembar.
Kanthi CSS sampeyan bisa nggawe sheet style sing kapisah mung kanggo nyetak kaca.
Tabel kanggo Layout Apa ora bener ing HTML 4.01
Spesifikasi HTML 4 nyatakake: "Tabel ora kena dipigunakaké sejatine minangka sarana kanggo nyusun isi dokumen amarga iki bisa nduwe masalah nalika nampilake media non-visual."
Dadi, yen sampeyan pengin nulis HTML sing bener 4.01, sampeyan ora bisa nggunakake tabel kanggo tata letak. Sampeyan mung kudu nggunakake tabel kanggo data tabular. Lan data tabular umum katon kaya sing sampeyan bisa nampilake ing spreadsheet utawa bisa dadi basis data.
Nanging HTML5 ngubah aturan lan saiki tabel kanggo tata letak, nanging ora dianjurake, saiki wis bener HTML. Spesifikasi HTML5 nyatakake: "Tabel ora kena digunakake minangka tata letak tata letak."
Amarga tabel kanggo layout angel kanggo maca sing maca, kaya aku kasebut ing ndhuwur.
Nggunakake CSS kanggo nyetel posisi lan tata letak kaca iku mung cara HTML 4.01 sing sah kanggo nggambar desain sing digunakake kanggo nggunakake tabel kanggo nggawe. Lan HTML5 banget nyaranake metode iki uga.
Tabel kanggo Layout Bisa Nyebabake Proyek Prospek
Minangka perancang liyane lan luwih anyar sinau HTML lan CSS, ketrampilanmu ing tata letak bangunan meja bakal kurang dikarepake. Ya, bener yen pelanggan ora biasane menehi pitutur marang teknologi sing sampeyan kudu nggunakake kanggo mbangun kaca web. Nanging padha takon sampeyan kanggo kaya:
- Bisa diakses kaca web: rancangan sing bisa ditonton dening layar maca sing diwenehake dening akeh negara lan perusahaan nemokake aksesibilitas sing luwih penting lan luwih penting saben dina.
- Kaca web sing kasedhiya: desain sing bisa dilakoni karo wong-wong mau sanajan sampeyan ora bakal njaga ing mangsa ngarep.
- Rancangan fleksibel: rancangan sing bisa digunakake ing pirang-pirang browser, resolusi, lan piranti.
- Kaca cepet ngundhuh: kacepetan dadi luwih penting, malah nganti SEO.
- Desain dicithak: kaca sing dicithak tanpa skrip khusus utawa kaca ekstra.
Yen sampeyan ora bisa ngirim apa sing dijaluk dening klien, dheweke bakal mandheg teka kanggo desain sampeyan, mbok menawa ora saiki, nanging mung taun sabanjure utawa taun sawise. Apa sampeyan bisa nemen supaya bisnis sampeyan nandhang sangsara amarga sampeyan ora gelem miwiti sinau teknik sing wis dienggo wiwit pungkasan taun 1990-an?
Moral: Sinau Gunakake CSS
CSS bisa dadi angel kanggo sinau, nanging apa wae sing bermanfaat kanggo gaweyan. Aja ngendhaleni ketrampilanmu saka stagnasi. Sinau CSS lan mbangun kaca web sampeyan kanthi cara sing padha supaya bisa digawé nganggo CSS kanggo tata letak.