HTML-tafels binne maklik te meitsjen as jo de basis fan rigen en kolommen begripe - en ek as jo begripe wannear't it goed is om in tabel te brûken en wannear't jo se foarkomme moatte.
In brede histoarje fan tabellen en webûntwerp
In protte jierren lyn, foardat de akseptabel fan CSS en web-standerts, web-ûntwerpers brûkte it elemint fan HTML
om side-layout foar websiden te meitsjen. Webside-ûntwerpen soe "sluten" wurde yn lytse stikjes as in puzel en kombinearje mei in HTML-tafel om yn de browser as bedoeld te meitsjen. It wie in tige komplekse proses dy't in soad ekstra markearring makke en dat hjoeddedei noait brûkber wêze soe yn ' e meardere skermwrâld ús websiden wenje . As CSS waard de akseptearre metoade foar webside fan fisuele en layout, waard it gebrûk fan tabellen foar dizze wurden ferwûnen en in protte webûntwerpers miskien leauwe dat "tabellen net sa min binne". Dat wie en ûnrjocht. Tabel foar layout binne min, mar se hawwe noch altyd in plak yn webûntwerp en HTML, nammentlik tabellen datum as in kalinder fan treinplak te sjen. Foar dy ynhâld wurdt gebrûk fan in tafel noch in akseptabel en goede oanpak.
Dus hoe ferlizze jo in tafel? Litte wy begjinne mei it meitsjen fan in ienfâldich 2x2-tafel. Dit sil 2 kolommen hawwe (dit binne de verticalblokken) en 2 reihen (de horizontale blokken). Nei't jo in 2x2-tafel opboud hawwe, kinne jo in grutte tabel bouwe dy't jo graach wolle troch ekstra rigen of kolommen taheakje.
Schwierigheid: Gemiddelde
Tiid ferplicht: 10 minuten
Hjir is hoe:
- Eerst iepenje de tabel
- Iepenje de earste rige mei de tr tag
- Iepenje de earste kolom mei de td-tag
- Skriuw de ynhâld fan 'e sel
- Slút de earste sel en iepenje de twadde td>
- Skriuw de ynhâld fan 'e twadde sel
- Slút de twadde sel foar en slute de rige td> tr>
- Skriuw de twadde rige krekt as de earste
td> | td> tr> - Dan slute de tafel table>
Jo kinne ek kieze om tabelkoppen te tafeljen oan jo tabel mei it elemint | elemint. Dizze tabelkoppen soene de "tabellen data" stikken yn 'e earste tabel rige ferfange, lykas dit:
Namme th> | Rol th> tr> | Jeremy td> | Designer td> tr> td> Jennifer td> | Developer td> | tr> table> As dizze side yn 'e blêder rendearje soe, soene de earste rige mei de tafelkopen standert foarkommen yn fett tekst en se soene sintraal yn' e tafelzell wêze dat se yntinke.
Dus, is it goed om tabellen yn HTML te brûken? Ja - sa lang as jo se net brûke foar layoutdoelen. As jo tabelearjende ynformaasje werjaan moat, is in tafel de manier om te dwaan. In feiligens, it foarkommen fan in tafel fanwege wat mislearre râniteit om dit legitimate HTML-elemint te skunken is as efterôf as se gebrûk meitsje foar layoutrjochten op dizze dei en leeftyd.
Skreaun troch Jennifer Kyrin. Edited by Jeremy Girard on 8/11/16
| | |