A 'dèanamh nas fheàrr a-mach à clàran HTML le bhith ag ionnsachadh buadhan clàr
Tha feartan clàr HTML a 'toirt dhut barrachd smachd dhut air clàran HTML. Tha tòrr fheartan ri fhaighinn airson clàran gus an dèanamh nas inntinniche agus sùil na duilleige agad atharrachadh.
Ceanglaichean a-mach
Ann an HTML5 tha an eileamaid a 'cleachdadh nam feartan cruinneil agus aon rud eile: Agus tha e air atharrachadh gu luach 1 no falamh a bhith aige (ie crìoch = ""). Ma tha thu ag iarraidh leud na crìche atharrachadh, bu chòir dhut an seilbh CSS le leud a 'chrìche a chleachdadh.
Faic gu h-ìosal airson ionnsachadh mu na feartan dligheach aig HTML5.
Tha grunn fheartan ann cuideachd a tha nam pàirt de shònrachadh HTML 4.01 a tha air a dhol à bith ann an HTML5:
- -Air seilbh gleadaidh CSS air na h-eileamaidean TD agus TH a 'bhùird.
- -An farsaingeachd crìochan seilbh CSS air a 'chlàr.
- -Use CSS stoidhle crìoch-dath: dubh; agus stoidhle crìche air a 'bhòrd.
- -Use CSS stoidhle crìoch-dath: dubh; agus stoidhle crìche air na h-eileamaidean iomchaidh den chlàr.
- -Instead, bu chòir dhut cunntas a thoirt air structar a 'bhùird ann an CAPTION no cuir an clàr gu lèir ann am FIGURE agus ga mhìneachadh ann an FIGCAPTION. No, dh'fhaodadh tu structar a 'bhùird a dhèanamh nas sìmplidhe gus nach eil feum air mìneachadh sam bith.
- -Us an raon leud CSS.
Agus aon rud nach deach a mholadh ann an HTML 4.01 agus tha e cuideachd air a dhol à bith ann an HTML5.
Ionnsaich barrachd mu na h-uidheaman HTML 4.01.
- co-thaobhadh - A- rèir crìoch na seilbhe CSS an àite sin.
Tha grunn fheartan ann nach eil mar phàirt de shònrachadh HTML sam bith.
Cleachd na feartan sin ma tha fios agad gum faod na brabhsairean a bheir taic dhut an làimhseachadh agus nach eil cùram agad mu HTML dhligheach.
- -Air an suidheachadh CSS bun-dath an àite sin.
- bordercolor -As an dath crìche seilbhe CSS an àite sin.
- bordercolorlight -As an dath crìche seilbhe CSS an àite sin.
- bordercolordark -Air an dath-crìche seilbhe CSS an àite sin.
- Cols -There is no alternative to this attribute.
- àirde - A rèir àirde seilbh CSS an àite sin.
- -Air taobh-tìre seilbh CSS an àite sin.
- -Air taobh-tìre seilbh CSS an àite sin.
- -Air an togalach CSS geal-àite an àite.
- -Air an t-seilbh CSS ceart-co-dhìreach an àite sin.
Ionnsaich barrachd mu dheidhinn an TATHA SONRAICH SÒNRAICHTE a 'bhrabhsair.
Tomhas HTML5 Feartan Eilthir
Mar a dh 'ainmich sinn gu h-àrd, chan eil ach aon rud, nas fhaide na na feartan cruinneil, tha sin dligheach air eilthir TABLE HTML5: crìochan.
Thathar a 'cleachdadh a' chrìch gus crìochan a mhìneachadh timcheall air a 'bhòrd gu lèir agus na ceallan air fad taobh a-staigh a' bhùird. Bha beagan ceist ann an robh e air a ghabhail a-steach ann an sònrachadh HTML5, ach dh'fhuirich e oir bha e a 'toirt seachad fiosrachadh mu structar a' bhùird, a bharrachd air buaidh stoidhle dìreach.
Gus feart a 'chrìche a chur ris, tha thu air an luach a shuidheachadh gu 1 ma tha crìoch agus falamh (no fàg às an fheart) mura h-eil. Bidh a 'mhòr-chuid de bhrabhsairean cuideachd a' toirt taic do 0 airson crìochan sam bith, agus luach sam bith eile (2, 3, 30, 500, msaa) gus leud a 'chrìche a nochdadh ann am picsean, ach tha seo air a dhol à bith ann an HTML5. An àite sin, bu chòir dhut feartan stoidhle crìoch CSS a chleachdadh gus leud a ' chrìche agus stoidhlichean eile a mhìneachadh.
Gus clàr a chruthachadh le crìch, sgrìobh:
border = "1" >
Is e seo clàr le crìch td>
tr>
table>Tha feartan HTML 4.01 ann an HTML5 a chaidh às an rathad. Ma tha thu a 'planadh sgrìobhainnean HTML 4.01, faodaidh tu an ionnsachadh, no ma dh' fhaodadh tu an leigeil seachad. Tha roghainnean eile aig a 'mhòr-chuid de na buadhan sin, air an deach iomradh gu h-àrd.
Bidh sinn a 'mìneachadh buadhan an eileamaid a tha dligheach ann an HTML5 (agus HTML 4.01). Tha seo a 'toirt tuairisgeul air na buadhan TABLE a tha dligheach ann an HTML 4.01, ach tha iad air am falbh ann an HTML5. Ma tha thu fhathast a 'sgrìobhadh sgrìobhainnean HTML 4.01, faodaidh tu na feartan sin a chleachdadh, ach tha roghainnean eile aig a' mhòr-chuid a nì do dhuilleagan barrachd dearbhadh san àm ri teachd airson nuair a ghluais thu gu HTML5.
Valid HTML 4.01 Feartan
An t-adhbhar a mhìnich sinn gu h-àrd.
Is e an aon eadar-dhealachadh ann an HTML 4.01 bho HTML5 gum faod thu iomlanachd iomlan (0, 1, 2, 15, 20, 200, msaa) a shònrachadh airson leud na crìche ann am piogsail a mhìneachadh.
Gus clàr a thogail le crìochan 5px, sgrìobhaibh:
border = "5" >
Tha crìoch 5px aig a 'chlàr seo. td>
tr>
table>Faic eisimpleir de dhà chlàr le crìochan.
Tha an t-adhbhar a 'mìneachadh an ìre de fhànais eadar crìochan cealla agus susbaint a' chill. Is e am prìomh-amas dà piogsail. Suidhich na cellpadding gu 0 mura h-eil thu ag iarraidh àite eadar na susbaint agus na crìochan.
Gus a bhith a 'suidheachadh a' ghlasadh ceil gu 20, sgrìobh:
cellpadding = "20" >
Tha cearcall cealla aig a 'chlàr seo 20. td>
tr>
Thèid crìochan cealla a sgaradh le 20 piogsail td>
tr>
table>Seall eisimpleir de bhòrd le cellpadding
Tha an rud a 'mìneachadh an ìre de spàs eadar na ceallan bùird agus susbaint nan cealla. Coltach ri cellpadding, tha am bun-tomhas air a shuidheachadh gu dà pixel, mar sin feumaidh tu a chur sìos gu 0 mura h-eil thu ag iarraidh sgaradh cealla sam bith.
Gus sparradh cill a chur ri bòrd, sgrìobhaibh:
cellspacing = "20" >
Tha cearcall aig a 'chlàr seo de 20. td>
tr>
Thèid ceallan a sgaradh le 20 piogsail td>
tr>
table>Faic clàr le cluasan ceallan
Tha an rud a 'comharrachadh dè na cuibhreannan den chrìch timcheall air taobh a-muigh bùird a bhios follaiseach. Faodaidh tu do bhòrd a chur air na ceithir taobhan, aon taobh, mullach agus bonn, clì no deas, no gin dhiubh.
Seo an HTML airson clàr leis a 'chrioch taobh chlì a-mhàin:
frame = "lhs" >
Am bòrd seo td>
aig a bheil td>
tr>
a-mhàin an td>
taobh clì le frèam. td>
tr>
table>Agus eisimpleir eile leis an fhrèam ìseal:
frame = "below" >
Tha frèam aig a 'chlàr seo aig a' bhonn. td>
tr>
table>Thoir sùil air cuid de bhùird le frèaman
Tha an rud coltach ris a 'ghnè frèam, ach a-mhàin tha e a' toirt buaidh air na crìochan timcheall air ceallan a 'bhùird. Faodaidh tu riaghailtean a shuidheachadh air na ceallan, eadar colbhan, eadar buidhnean mar TBODY agus TFOOT no gin dhiubh.
Gus clàr a thogail le loidhnichean a- mhàin eadar na sreathan, sgrìobh:
rules = "rows" >
Tha am bòrd 4x4 seo td>
na sreathan nach colbhan td>
tr>
air a mhìneachadh leis an td>
riaghailtean gnè. td>
tr>
table>Agus fear eile le loidhnichean eadar na colbhan:
rules = "cols" >
Is e seo td>
clàr td>
far a bheil an td>
tr>
columns td>
are td>
highlighted td>
tr>
table>Seo eisimpleir de chlàr aa le riaghailtean
Tha an t-adhbhar a 'toirt seachad fiosrachadh mun chlàr airson leughadairean sgrion agus luchd-cleachdaidh eile a dh'fhaodadh duilgheadas a bhith aca le bhith a' leughadh chlàran. Gus an rud geàrr-chunntas a chleachdadh, sgrìobhaidh tu tuairisgeul goirid air a 'chlàr agus cuir sin mar luach a' ghnè. Cha nochd an geàrr-chunntas air an duilleag lìn anns a 'mhòr-chuid de bhrabhsairean àbhaisteach.
Seo mar a sgrìobhas tu clàr sìmplidh le geàrr-chunntas:
summary = "Is e seo clàr de shampall a tha a 'toirt a-steach fiosrachadh a tha a' lìonadh. Is e adhbhar a 'bhùird seo geàrr-chunntas a shealltainn." >
colbh 1 sreath 1 td>
colbh 2 sreath 1 td>
tr>
colbh 1 sreath 2 td>
colbh 2 sreath 2 td>
tr>
table>Seall clàr le geàrr-chunntas
Tha an t-adhbhar a 'mìneachadh farsaingeachd a' bhùird ann an dara pìosal no mar àireamh sa cheud den eileamaid ghobhar. Mura h-eil an leud air a shuidheachadh, cha toir an clàr ach uiread de fhànais oir feumar an stuth a thaisbeanadh, le leud as àirde mar leud an eileamaid phàrant.
Gus clàr a thogail le leud sònraichte ann am piogsail, sgrìobhaibh:
width = "300" >
Is e am bòrd seo 80% de leud an t-soithich a tha e. td>
tr>
table>Agus airson clàr a thogail le leud a tha na ceudad de na pàrantamaid, sgrìobh:
width = "80%" >
Is e am bòrd seo 80% de leud an t-soithich a tha e. td>
tr>
table>Faic eisimpleir de bhòrd le leud
TABL Feumail HTML 4.01 Tomhas
Tha aon fheart de na h-eileamaid TABLE nach eil air a mholadh ann an HTML 4.01 agus eadar-dhealaichte ann an HTML5: co-thaobhadh . Leigidh an gnè seo dhut suidheachadh far am bu chòir an clàr a bhith air an duilleig co-cheangailte ris an teacsa a tha ri thaobh. Cha deach an gnè seo a mholadh ann an HTML 4.01, agus cha bu chòir dhut a bhith ga sheachnadh. An àite sin, bu chòir dhut seilbh CSS a chleachdadh no an taobh clì: auto; agus ceart-iomall: carbad; stoidhle. Tha an t-seilbh a tha a 'gluasad air bhog a' toirt toradh dhut a tha nas fhaisge air na tha an rud co-cheangailte ri fhaighinn ach faodaidh e buaidh a thoirt air an dòigh anns a bheil an còrr de thaisbeanadh susbaint na duilleige. An taobh clì: carbad; agus taobh clì: auto; a tha an W3C a 'moladh mar roghainn eile.
Seo eisimpleir nach eil a 'cleachdadh an rud a tha a' ceangal ri chèile:
align = "right" >
Tha an clàr seo ceangailte gu ceart td>
tr>
Tha teacsa a 'sruthadh timcheall air an taobh chlì td>
tr>
table>Faic eisimpleir nach eil air a mholadh le bhith a 'cleachdadh a' ghnè.
Agus a 'faighinn an aon bhuaidh le HTML dhligheach (gun mholadh), sgrìobh:
style = "float: right;" >
Tha an clàr seo ceangailte gu ceart td>
tr>
Tha teacsa a 'sruthadh timcheall air an taobh chlì td>
tr>
table>Tha na leanas a 'mìneachadh builean TABLE nach eil nam pàirt de shònrachadh HTML sam bith.
Tha an fhiosrachadh roimhe seo a 'toirt tuairisgeul air feartan an eileamaid HTML a tha dligheach ann an HTML 4.01 ach tha iad air am falbh ann an HTML5.
Tha na leanas a 'toirt iomradh air feartan TABLE nach eil dligheach ann an sònrachadh làithreach sam bith. Mura h-eil thu deònach a bheil do dhuilleagan a 'dearbhadh agus gu bheil na cleachdaichean agad a' cleachdadh brabhsair a bheir taic dha na h-eileamaidean sin, faodaidh tu na h-eileamaidean sin a chleachdadh. Ach tha a 'mhòr-chuid dhiubh neo-thaiceil ann am brabhsairean ùra no le roghainnean eile a tha a' co-chòrdadh ri inbhean.
Chan eil sinn a 'moladh a bhith a' cleachdadh nam feartan sin air na clàran HTML agad.
Is e seann adhbhar a th 'anns a' ghnè a chaidh a ghabhail a-steach mus deach taic farsaing a thoirt do CSS. Leigidh e dhut dath cùil a 'bhùird atharrachadh. Faodaidh tu ainm dath no còd sia-sheasmhach a shuidheachadh. Tha an gnè seo fhathast ag obair ann am mòran de shealladairean, ach airson HTML dearbhaichte san àm ri teachd, cha bu chòir dhut a chleachdadh, agus an àite CSS a chleachdadh an àite sin.
Is e an roghainn nas fheàrr air a 'ghnè seo an togalach stoidhle.
Gus dath cùl-raoin bùird atharrachadh, sgrìobh:
style = "background-color: #ccc;" >
Tha cùlaibh ghlas aig a 'chlàr seo td>
tr>
table>Coltach ris a 'charactar bgcolor, tha an suidheachadh bordercolor a' leigeil leat dath an gnè atharrachadh. Chan eil an gnè seo ach air a chuideachadh le Internet Explorer. An àite sin, bu chòir dhut an togalach stoidhle dathte a chleachdadh.
Gus dath dath na bùird atharrachadh, sgrìobh:
style = "border-color: red;" >
Tha crìoch dearg aig a 'chlàr seo. td>
tr>
table>Bha feartan Bordercolorlight agus bordercordordark air an gabhail a-steach ann an Internet Explorer gus cothrom a thoirt dhut crìochan 3D a chruthachadh timcheall air a 'bhòrd agad. Ach, a thaobh IE8 agus suas, chan eil seo a 'faighinn taic ach ann am modh IE7 Ìrean Ìre agus Cuairtean . Tha Microsoft ag ràdh nach eil na togalaichean sin tuilleadh taic.
Airson ùine ghoirid, chaidh moladh a dhèanamh air coltas an eileamaid TABLE gus fios a bhith aig brabhsairean cia mheud colbhan a bh 'aig bòrd. B 'e an t-amas gum biodh seo a' cuideachadh le bhith a 'cur bòrdan mòra air adhart. Ach cha deach a chuir an gnìomh ach le Internet Explorer, agus bho IE8 agus suas, chan eil seo ach air a thoirt seachad ann am modh IE7 Standards Mode agus Quirks.
Seach gu bheil gnè leud (às an rathad ann an HTML5) bha mòran a 'gabhail ris gu robh gnè àrd airson clàran cuideachd. Ach seach gu bheil bùird a 'co-fhreagairt leud an susbaint no an leud a tha air a mhìneachadh anns a' ghnè CSS no leud, cha ghabhadh an t-àirde a chuingealachadh. Mar sin, an àite sin, cheadaich brabhsairean a 'ghnè àirde gus an ìre as ìsle den chlàr a mhìneachadh. Nam biodh am bòrd na b 'àirde na an àirde sin, bhiodh e na b' àirde. Ach bu chòir dhut an togalach a chleachdadh
Le seilbh àirde CSS faodaidh tu casg a chur air an àrd-ùrlar ma chleachdas tu seilbh CSS cuideachd gus mìneachadh dè a thachras le cus susbaint sam bith.
Gus an ìre as ìsle a shuidheachadh air bòrd, sgrìobh:
style = "height: 30em;" >
Tha an clàr seo co-dhiù 30 ems àrd. td>
tr>
table>An dà bhuadhan agus an raon a bharrachd air na taobhan clì / deas (hspace) agus mullach / bun (vspace) den bhòrd. Bu chòir dhut an stoidhle a chleachdadh an àite sin.
Gus an àite dhìreach a chur gu 20 piogsail agus an raon còmhnard gu 40 piogsail, sgrìobhaidh:
style = "marg: 20px 40px;"
Tha vspace de 20 piogsail aig a 'chlàr seo agus hspace de 40 piogsail td>
tr>
table>Is e adhbhar boolean a th 'anns a' ghnè a tha a 'mìneachadh co-dhiù a bu chòir susbaint a' bhùird a thilgeil aig oir an eilthir pàrant no an uinneag no a bhith a 'gluasad gluasad còmhnard. An àite sin, bu chòir dhut feartan còmhdach gach cealla bùird a mhìneachadh a 'cleachdadh seilbh CSS.
Gus colbh a dhèanamh le mòran teacsa gun bhrùthadh, sgrìobhaibh:
style = "white-space: nowrap;" > 'S e colbh a tha seo le tunna de shusbaint. Ach eadhon ged a tha e nas fharsainge na an t-soitheach, cha bu chòir don teacsa a dhol a-steach don ath loidhne, ach an àite sin cuiridh uinneag a 'bhrabhsair gu ruige gluasad gu faiceallach gus an t-susbaint gu lèir fhaicinn. Td>
tr>
table>Mu dheireadh, tha an t-adhbhar a 'mìneachadh mar a bu chòir susbaint gach cealla a bhith a' ceangal gu dìreach taobh a-staigh a 'chill. An àite a 'ghnè neo-dhligheach seo, bu chòir dhut an t-seilbh CSS a chleachdadh air gach cill a tha thu airson co-thaobhadh atharrachadh. Chan fhaic thu buaidh an stoidhle seo mura h-eil susbaint na cealla nas lugha na an àite a tha ri fhaotainn a chruthaich ceallan eile, nas motha.
Gus ceall a chuir an gnìomh gus a bhith a 'co-thaobhadh ris a' bhonn (an àite a 'mheadhan, mar a tha e mar-thà), sgrìobh:
Tha an cealla seo nas fhaide na an còrr agus mar sin cuiridh e an àirde nas àirde. Mar sin chì thu gu bheil an cealla a tha co-cheangailte gu dìreach ceangailte ris a 'bhonn. Td>
style = "vertical-align: bottom;" > Clàr-innse aig a 'bhonn. Td>
Clàr-innse sa mheadhan. td>
tr>
table>