CSS téh kalawan cara anu pangalusna pikeun ngawangun desain kaca web
Pangajaran nulis CSS layouts tiasa tricky, utamana lamun anu akrab jeung maké tabel pikeun nyieun layouts kaca web fancy. Tapi bari HTML5 ngamungkinkeun tabel for teu ngarenah, teu mangrupakeun ide nu sae.
Tables Dupi Henteu bisa diasupan
Kawas mesin pencari, paling pamiarsa layar maca kaca web dina urutan anu aranjeunna dipintonkeun dina HTML nu. Na tabel tiasa pisan teuas pikeun pamiarsa layar pikeun parse. Ieu kusabab kandungan dina perenah méja, bari linier, teu salawasna make rasa nalika maca kénca-ka-katuhu sarta luhur-to-handap. Tambih Deui, kalawan tabel nested, sarta sagala rupa ngawengku kana sél tabel bisa nyieun kaca hésé pisan angka kaluar.
Ieu alesan yén spésifikasi HTML5 ngajak ngalawan tabel for teu ngarenah na naha HTML 4,01 disallows eta. kaca web diaksés ngidinan leuwih jalma ngagunakeun aranjeunna sarta mangrupakeun tanda tina hiji desainer profésional.
Kalawan CSS, anjeun tiasa nangtukeun bagian minangka milik di sisi kénca kaca tapi nempatkeun eta panungtungan dina HTML kana. Lajeng layar pamiarsa na mesin pencari sapuk bakal baca bagian penting (kandungan teh) munggaran jeung bagian kirang penting (navigasi) panungtungan.
Tables Dupi tricky
Malah lamun nyieun méja ku redaktur web, kaca web Anjeun masih bakal pisan pajeulit jeung hésé pikeun mulasara. Iwal ti desain kaca web nu paling basajan, paling tabel perenah merlukeun pamakean loba sarta atribut na tabel nested.
Ngawangun tabél mungkin sigana gampang bari nu nuju ngalakonan eta, tapi lajeng anjeun kedah ngajaga eta. Genep bulan ka handap jalur eta bisa jadi salaku gampang pikeun nginget naha anjeun nested tabél atanapi sabaraha sél éta sakaligus jeung saterusna. Tambih Deui, lamun ngajaga kaca web salaku anggota tim, Anjeun kudu ngajelaskeun ka unggal jalma kumaha tabél dianggo atanapi nyangka éta nyandak waktos tambahan lamun maranéhna kudu jieun perobahan.
CSS bisa nyusahkeun ogé, tapi ngajaga presentasi misah ti HTML jeung ngajadikeun eta loba gampang pikeun mulasara dina ngajalankeun panjang. Tambih Deui, kalawan perenah CSS anjeun tiasa nyerat hiji file CSS, sarta gaya sadayana kaca anjeun kasampak jalan éta. Sarta lamun rék ngaganti tata perenah loka anjeun, anjeun bisa kalayan gampang ngarobah hiji file CSS, sarta sakabeh situs chnges-euweuh deui bade liwat unggal kaca salah dina hiji waktu pikeun ngapdet tabél pikeun ngapdet perenah di.
Tables Dupi Inflexible
Bari kasebut nyaéta dimungkinkeun pikeun nyieun layouts tabel kalawan lebaran persentase sipatna mindeng laun pikeun muka tur nyirorot bisa ngarobah cara perenah anjeun Sigana. Tapi lamun make lebaran ditangtukeun pikeun tabel, anjeun mungkas nepi sareng perenah pisan kaku nu moal kasampak alus dina monitor anu ukuran béda ti anjeun sorangan.
Nyieun layouts fléksibel anu kasampak alus dina loba monitor, panyungsi, sarta resolusi relatif gampang. Kanyataanna, kalawan queries média CSS, anjeun bisa nyieun desain misah pikeun layar ukuranana béda.
Tables Nested Muat More Lalaunan Than CSS keur Desain Sarua
Cara nu paling umum pikeun nyieun layouts fancy kalawan tabel nyaéta pikeun "sayang" tabel. Ieu ngandung harti yén hiji (atawa leuwih) tabel ieu disimpen di jero sejen. Beuki tabel nu nested, anu panjang eta bakal butuh keur web browser pikeun ngarobah kaca.
Dina kalolobaan kasus, hiji perenah tabel migunakeun leuwih karakter mun nyieun ti desain CSS. Tur karakter pangsaeutikna hartina kirang pikeun ngundeur.
Tables bisa menyakiti Search Engine Optimasi
méja paling umum dijieun perenah ngabogaan navigasi bar di sisi kénca kaca jeung eusi utama dina katuhu. Lamun maké tabel, ieu (umumna) nyaratkeun yen eusi munggaran anu mintonkeun dina HTML mangrupa kénca-leungeun bar navigasi. Mesin pencari ngararangkay Kaca dumasar kana eusi, sarta loba mesin nangtukeun yén eusi ditampilkeun di luhur kaca leuwih penting eusi lianna. Ku kituna, kaca sareng navigasi kénca-leungeun heula, bakal kaciri mibanda kandungan nu URANG SUNDA penting batan navigasi teh.
Ngagunakeun CSS, anjeun tiasa nempatkeun eusi penting mimiti di HTML anjeun lajeng nganggo CSS nangtukeun dimana eta kudu ditempatkeun dina rarancang. Ieu ngandung harti yén mesin pencari baris nempo eusi nu penting heula, sanajan desain tempat eta handap handap dina kaca.
Tables Don & # 39; t Salawasna Yuyun Muhun
Loba desain méja teu nyitak ogé sabab saukur teuing lega pikeun printer nu. Ku kituna, sangkan aranjeunna pas, panyungsi baris motong tabél dipareuman jeung bagian print handap hasilna kaca pisan disjointed. Kadang-kadang nu mungkas nepi ka kaca nu kasampak oke, tapi di sisi katuhu sakabeh anu leungit. Kaca lianna bakal nyitak bagian on rupa cadar.
Kalawan CSS Anjeun bisa nyieun hiji lambar gaya misah sakadar keur percetakan kaca.
Tables pikeun Layout Dupi sah dina HTML 4,01
The HTML 4 spésifikasi nagara: "Tables kudu dipaké murni sakumaha hartosna ka perenah eusi dokumen sakumaha ieu bisa nampilkeun masalah lamun ngajadikeun pikeun média non-visual."
Ku kituna, upami Anjeun hoyong serat valid HTML 4,01, Anjeun bisa make tabel for teu ngarenah. Anjeun ngan kedah nganggo tabel pikeun data tabular. Jeung data tabular umumna Sigana mah hal nu bisa nembongkeun dina spreadsheet atawa kamungkinan database a.
Tapi HTML5 robah aturan jeung ayeuna tabel keur perenah, bari teu dianjurkeun, anu kiwari HTML sah. The HTML5 spésifikasi nyatakeun: "Tables kudu dipaké salaku AIDS perenah".
Kusabab tabel for teu ngarenah anu hésé pikeun pamiarsa layar pikeun kalan, sakumaha kuring nyebut luhur.
Ngagunakeun CSS jeung posisi na perenah kaca anjeun hijina valid HTML 4,01 cara pikeun meunangkeun desain nu dipaké pikeun ngagunakeun tabel pikeun nyieun. Sarta HTML5 niatna ngajak metoda ieu ogé.
Tables pikeun Layout Dupi dampak prospek Proyék anjeun
Salaku beuki loba désainer anyar diajar HTML jeung CSS, kaahlian anjeun di layouts tabel wangunan bakal di kirang na kirang paménta. Sumuhun, éta leres yen nasabah moal ilaharna ngabejaan Anjeun dina téhnologi pasti anjeun kudu make ngawangun kaca web maranéhanana. Tapi maranéhna ngalakukeun nanya for hirup ibarat:
- kaca web diaksés: desain anu bisa ditempo ku pamiarsa layar nu keur mandated ku loba nagara jeung korporasi manggihan diakses beuki loba penting unggal poe.
- kaca web Maintainable: desain aranjeunna tiasa nyandak jeung aranjeunna malah lamun teu bade mulasara aranjeunna dina mangsa nu bakal datang.
- desain fléksibel: desain anu dianggo di sakuliah loba panyungsi, resolusi, jeung nu lian.
- Gancang Kaca diundeur: speed ieu jadi beuki loba penting, malah mun SEO.
- desain diprint: kaca nu nyitak tanpa Aksara husus atawa kaca tambahan.
Lamun anjeun teu bisa nganteurkeun naon klien ménta, maranéhna bakal eureun datang ka anjeun keur desain, sugan moal dinten, tapi meureun sataun hareup atawa taun sanggeus. Dupi anjeun bener mampuh hayu Anjeun bisnis sangsara sabab teu daék mimitian diajar teknik nu geus dipake saprak taun 1990-an telat?
The Moral: Diajar ka Paké CSS
CSS meureun hésé pikeun neuleuman, tapi nanaon worthwhile sia usaha. Ulah nyimpen kaahlian anjeun ti stagnating. Diajar CSS jeung ngawangun kaca web Anjeun cara maranéhanana dimaksudkan bisa diwangun-mibanda CSS for teu ngarenah.