Idi ti o yẹ ki o yago fun Lilo awọn tabili ti o wa ni ipilẹ

Awọn tabili ti o wa ni ipilẹ Mu awọn oju-iwe ayelujara rẹ silẹ

Oju-iwe ayelujara nilo lati gba yarayara, ṣugbọn awọn tabili ti o wa ni idaduro le fa fifalẹ ilana naa. Maṣe jẹ ki ẹnikẹni sọ fun ọ pe diẹ eniyan lo wiwa wiwa kan tabi Ayelujara ti o ga-giga, nitorina o ko ni lati ṣe aniyan nipa bi o ṣe ṣafẹru awọn oju iwe rẹ ni kiakia. Pẹlu iye akoonu ti o wa lori oju-iwe ayelujara, oju-iwe kan tabi aaye ti o ṣaja laiyara yoo ni diẹ alejo diẹ sii ju ọkan lọ ti o ni kiakia. Titẹ jẹ pataki.

Kini Ẹjẹ Ti a Fi Nested?

Table ti o wa ni tabili jẹ tabili HTML ti o ni tabili miiran ninu rẹ. Fun apere:

Iwe 1
Iwe 2
Iwe 3


Akojọ 1



tabili tabili ti o wa ni ipilẹ 1
tabili tabili ti o wa ni idasilẹ 2



Akole 3


Akojọ 1
Iwe 2> / td>
Akole 3

Awọn tabili ti o wa ni ipasẹ Fi awọn oju-iwe lati Gba Die sii diẹyara

Ipele kan lori oju-iwe ayelujara kii yoo fa oju-iwe lati gba diẹ sii laiyara (laarin idi). Ṣugbọn ni akoko ti o fi tabili kan sinu tabili miiran, o jẹ diẹ idiju fun aṣàwákiri lati ṣe, ki awọn ẹri iwe naa le sii laiyara. Ati awọn tabili diẹ sii ti o ti wa ni idasilẹ ni ara ẹni, awọn fifun ni oju-iwe naa yoo gbe.

Nigbati o ba ṣẹda oju-iwe kan pẹlu awọn tabili, ṣe akiyesi pe awọn tabili diẹ ti o wa laarin awọn tabili, ni iwọnra naa oju-iwe naa yoo ṣaye. Ni deede, nigbati awọn ẹrù oju-ewe kan wa, aṣàwákiri bẹrẹ ni oke HTML ati awọn ẹrù ti o nlọ ni isalẹ ni oju-iwe. Sibẹsibẹ, pẹlu awọn tabili ti o jẹ oniye, o ni lati wa opin ti tabili ṣaaju ki o le han gbogbo ohun.

Awọn tabili fun Ifilọlẹ

O yẹ ki o ko ni lilo awọn tabili fun ifilelẹ ninu awọn oju-iwe ayelujara rẹ. Nwọn fere nigbagbogbo nbeere pe ki o lo awọn tabili ti o wa ni ipilẹ, nitorina oju-iwe ayelujara oju-iwe tabili yoo fifuye diẹ sii ju lainidi kanna ti a ṣe ni CSS.

Pẹlupẹlu, ti o ba n gbiyanju lati kọ XHTML wulo, awọn tabili ko yẹ fun lilo akọkọ. Awọn tabili wa fun data tabular (bii awọn lẹya), kii ṣe fun ifilelẹ. Dipo, o yẹ ki o lo CSS fun eto- CSS awọn aṣa ṣe diẹ sii ni yarayara ati ki o ran o lọwọ XHTML daradara.

Ṣiṣeto Awọn tabili ti o pọju

Ti o ba ṣe tabili kan pẹlu awọn ori ila ọpọ, o le mu fifọ diẹ sii ni kiakia sii bi o ba kọwe kọọkan bi tabili ti o yatọ. Fun apẹrẹ, o le kọ tabili bi eleyi:

ni oke ila


apa osi ti
apa ọtun

Ṣugbọn ti o ba kọ tabili kanna bi awọn tabili meji, o yoo han lati fifuye diẹ sii ni kiakia, nitori pe ẹrọ lilọ kiri naa yoo funni ni akọkọ ati lẹhinna yoo fun ni keji, ju ki o ṣe gbogbo tabili ni gbogbo ẹẹkan. Awọn ẹtan ni lati rii daju pe tabili kọọkan ni awọn iwọn iwọn kanna ati awọn aza miiran (gẹgẹbi awọn padding, awọn agbegbe, ati awọn aala).

ni oke ila




apa osi ti
apa ọtun

Yiyipada awọn tabili ti o wa ni ipilẹ sinu Table kan

O le lero pe gbogbo eyi jẹ alaye ti o dara, ṣugbọn o ni tabili kan ti o gbọdọ ni tabili miiran ti o wa ni ipilẹ. Nigba ti eyi le jẹ otitọ, igbagbogbo o le yi awọn tabili ti o wa ni idasilo pada sinu awọn tabili ti o rọrun pupọ diẹ sii pẹlu lilo awọn ati awọn eroja lori awọn tabili tabili rẹ. Fun apẹẹrẹ, ninu tabili ti o wa ni oke ti o wa ni oke, Mo le yi yi pada sinu tabili kan pẹlu o kan ẹda colspan :

Iwe 1
colspan = "2" > Iwe 2
Iwe 3


Akojọ 1
tabili tabili ti o wa ni ipilẹ 1
tabili tabili ti o wa ni idasilẹ 2
Akole 3


Akojọ 1
colspan = "2" > Iwe 2
Akole 3

Ibẹrẹ yii tun ni anfani ti lilo awọn kikọ ju diẹ sii ju tabili ti a fi ididi lọ, nitorina o yoo gba yiyara nitori pe daradara naa.