Hjálp: töflur

frá Wikipedia, ókeypis alfræðiorðabókinni
Fara í siglingar Fara í leit

Þessi síða lýsir notkun töflna á Wikipedia síður og er sérstaklega ætluð nýliðum . Ef þú átt í vandræðum með að búa til töflu, munu meðhöfundar hjálpa þér á Wikipedia: Spurningar um Wikipedia og venjulega fljótt.

Fyrir lengra komna notendur eru síðurnar Hjálp: Töflur fyrir lengra komna notendur og Hjálp: Töflur / flokkun .

kynning

Kostur við töflur

Töflur eru sérstakt, skipulagt form gagnalista. Öfugt við venjulega lista, gera þeir kleift að aðgreina, margvíða og skýrari framsetningu með miklum upplýsingum á hverja færslu og ef þess er óskað er einnig hægt að flokka einstaka dálka. Lesandinn getur látið raða gögnum tölulega eftir stærð, hægt er að raða hugtökum í stafrófsröð eða báðum eftir forgangi. Þetta forðast einnig margvíslega framsetningu ( uppsögn ) (td páfa í stafrófsröð, eftir aldri, eftir kjörtímabilum, eftir landi). Öll þekking má greinilega tengja í töflu, sem þýðir að þú getur tekið skref í átt að merkingartækni vefnum með merkingartækni net á Wikipediu; Þekking er einnig í auknum mæli að verða vélræn læsileg og hægt er að tengja upplýsingar sjálfkrafa hvert við annað.

Vegna tiltölulega flókins frumtexta þeirra og með tilliti til kynningar í farsímum ætti þó aðeins að nota töflur ef upplýsingakynningin er í raun skýrari fyrir vikið. Ekki er óskað eftir notkun sem eingöngu grafískri hönnunarþætti ; þú ættir því alltaf að íhuga hvort upplýsingarnar ættu ekki að vera betur settar á einfaldan lista (sjá Hjálp: Textahönnun og Hjálp: Listar ).

Töflur í ritvélastíl án sniðs

Auðveldasta og fljótlegasta leiðin til að búa til töflureikni er ritvélastíllinn. Á undan hverri línu töflunnar er bil. Dálkar og útlit eru sjónrænt stillt í útgáfustillingu frumtexta. Það skal tekið fram að þetta snið ætti ekki að fara yfir breidd prentútgáfunnar (u.þ.b. 780 px fyrir venjulega leturstærð) og getur verið pirrandi á smærri skjám. Línurnar hegða sér öðruvísi en raunverulegt borð, því ef farið er yfir gluggabreiddina brotna þær stjórnlaust og verða því ruglingslegar. Taflan sem sýnd er í þessu dæmi væri of breið ef þú gerðir vafragluggann þrengri. Það gæti líka verið of breitt og ólæsilegt í farsímaskjánum.

Slíkar töflur eru þolaðar ef þær eru settar inn af einhverjum sem hefur enga betri sniðmöguleika; þó ættu reyndir Wikipedianar að breyta þeim í réttar töflur með tímanum.

Dæmi og niðurstaða:

Loftslagsborð

 Mánuðir JAN FEB MAR APR MAI JUN JÚL JÚL AUG SEP OKT NÓV. DES
-------------------------------------------------- -----------------------
Meðalhiti dagsins í ° C 21 21 22 23 24 25 27 29 28 26 24 22
Ø næturhiti í ° C 15 15 15 16 17 18 20 21 20 19 18 16
Ø sólskinsstundir á dag 6 6 7 8 9 9 9 9 8 7 6 5
Ø rigningardagar í mánuði 6 4 3 2 2 1 0 0 2 5 6 7
Ø vatnshiti í ° C 19 18 18 18 19 20 21 22 23 23 21 20

grunnatriði tækninnar

Í setningafræði MediaWiki byrjar hver tafla með hrokkið svigi { fylgt eftir með pípu | og endar með striki | fylgt eftir með hrokkið svigi } .

Til að forsníða frumur töflunnar er hægt að tilgreina HTML eiginleika fyrir töfluna í heild sem og fyrir einstaka hólf. Einkum á style eiginleiki er hægt að nota, sem gerir allar CSS formatting að koma til framkvæmda. Einnig er hægt að forsníða einstakar raðir töflunnar en einstakir dálkar geta það ekki; þetta verður að gera hólf fyrir hólf.

Einföld borð

Án verkefna ( flokkar , stíll eða töflueiginleikar) er tafla upphaflega gagnsæ; aðeins snið efnisins sem er hvert fyrir neðan annað er útfært.

Upprunakóði:

Línur

 {|
| -
| Hólf 1
| -
| Hólf 2
| -
| Hólf 3
|}

dálka

 {|
| -
| Hólf 1
| Hólf 2
| Hólf 3
|}

Raðir og dálkar

 {|
| -
| Hólf 1/1
| Hólf 2/1
| -
| Fruma 1/2
| Hólf 2/2
|}

Að öðrum kosti, dálkar

 {|
| -
| Hólf 1 || Hólf 2 || Hólf 3
|}

Frekari dæmi

visueller Editor VisualEditor

  • Opnaðu valmyndina „ Taflaeiginleikar “ í gegnum Properties .
  • Þar „Stílfærð (wikitable)“ →
    Button-White.svg 0000
    slökkt.

Tafla fyrirsögn

Það er hægt að slá inn heildarhaus fyrir ofan töfluna.

  • Merkingin er sýnd í miðjunni (einnig feitletrað með wikitable ).
  • Það mun vefja ef það er breiðara en sjálfvirka umbúðirnar. Of löng orð geta jafnvel náð út fyrir þröngt borð
  • Hægt er að gefa fyrirsögninni eigin eiginleika (bekkjar- eða stílverkefni).
  • Það þjónar aðgengi . Ólíkt aðeins atriðum sem eru sjónrænt auðkennd er það þegar lestur tengist töflunni og síðan er hægt að ákveða hvort sleppt er frá þessari töflu eða lesa hana út.
  • Í uppsetningu á allri síðunni eru töfluhausar (ólíkt kaflahausum ) ekki aðskildir frá eftirfarandi töflu ef plássvandamál koma upp.

Upprunakóði:

 | + Tafla fyrirsögn

visueller Editor VisualEditor

  • Opnaðu valmyndina „ Taflaeiginleikar “ í gegnum Properties .
  • Það „fyrirsögn“ →
    0000 Button-White.svg
    kveikt á.

Hausfrumur og hausar

Fyrir hausfrumu er lóðréttri línu skipt út fyrir upphrópunarmerki ! skipt út. Texti í slíkri línu er miðjuð og sýndur með feitletri .

Hauslína sem samanstendur af hausfrumum er algeng sem fyrsta línan í gagnatöflu.

Höfuðfrumur eru ekki aðeins mismunandi sjónrænt; þeir eru einnig viðurkenndir og metnir af hugbúnaði sem fyrirsagnir fyrir dálkinn (eða röðina).

Upprunakóði:

 | -
! Eftirnafn !! Ríkið !! ættir

Dæmi

visueller Editor - Ekki tiltækt, hægt er að breyta frumuinnihaldi en ekki er hægt að breyta eiginleikum þeirra sjónrænt.

Tengja skotmörk eða akkeri í töflum

Akkeri (stökkstaðir) ættu, eins langt og hægt er, að slá beint inn í töflur með því að tilgreina id="…" .

Eftirfarandi kóðinn er ákjósanlegur:

 | - id = "stökkáfangastaður minn"
| Efni || Efni || innihald

Þetta fjallar um alla töflu röðina sem markmiðið og birtir hana ásamt efri ramma línunni í vafranum. id="…" skilgreinir brot í öllum þáttum. Það er ekki hægt að setja nokkur skilríki á bak við skiljara; ef nauðsyn krefur geturðu hins vegar úthlutað frekari auðkenni fyrir hverja töfluhólf.

Óhagstæðara væri að skilgreina hlekkarmarkmið með sniðmátinu: Akkeri með því að merkja textaefni. Síðan er það staðsett nákvæmlega upp að þessum bókstöfum. Ef þessi textalína er ekki raðað efst getur það auðveldlega gerst að efri línur nágrannafrumna hennar birtast ekki á sjónsviðinu því hún var í takt við akkerið sem er staðsett fyrir neðan. Í öllum tilvikum þyrfti rammalínan að liggja fyrir utan sýnilega svæðið og erfiðara væri fyrir lesendur að komast leiðar sinnar.

Hér er dæmi um hvar þessir stökkstaðir gætu verið í töflu;
hoppaðu til #ganz_oben , # Ü-id , # K-id , # Sprungziel1 , # Sprungziel2 , # Sprungziel3 , # Sprungziel4 :

Fyrirsögn (Ü-id)
Höfuðhólf (K-id)
lína 1 Áfangastaður 1
(með kennitölu
í línu)
innihald
með
Umbrot
lína 2 Stökk skotmark 2
(með kennitölu
í klefa)
innihald
með
Umbrot
Lína 3 Áfangastaður 3
(með akkeri
sniðmát
í línu)
innihald
með
Umbrot
Lína 4 Áfangastaður 4
(með akkeri
sniðmát
í klefa)
Innihald með
Umbrot,
einn lendir
einhvers staðar
(það fer eftir
Frumuhæð)

Upprunakóði þessarar töflu:

 {| class = "wikitable" id = "all_up"
| + id = "Ü-id" | Fyrirsögn (Ü-id)
| - id = "K -id"
! colspan = "3" | Höfuðhólf (K-id)
| - id = "stökkmark 1"
| Röð 1 || Hoppa áfangastað 1 <br /> (með auðkenni <br /> í línunni) || Efni <br /> með <br /> hléi
| - {{anchor | jump target2}}
| Röð 2 || id = "jump target2" | Hoppa skotmark 2 <br /> (með auðkenni <br /> í reit) || Efni <br /> með <br /> hléi
| - {{anchor | jump target3}}
| Röð 3 || Hopp miða 3 <br /> (með akkeri <br /> sniðmát <br /> í línu) || Efni <br /> með <br /> hléi
| -
| Röð 4 || {{Anchor | Jump target4}} Jump target 4 <br /> (með akkeri <br /> sniðmát <br /> í klefa) || Innihald með <br /> brot, <br /> þú lendir <br /> einhvers staðar <br /> (fer eftir <br /> frumuhæð)
|}

Það skal tekið fram að það mega ekki vera bil innan auðkennis; í staðinn verður að nota undirstrikið (sniðmátið framkvæmir þessa skipti sjálfkrafa). Í wiki setningafræði er enn hægt að tilgreina stökkmarkið með bilum: # efst (frumtexti: [[#ganz oben]] ).

CSS flokkar fyrir töflur

Til að halda töflum að mestu laus við þætti sem hafa áhrif á birtingu þeirra, bæði í innihaldi þeirra og á hausarsvæðinu, voru þróaðir nokkrir flokkar fyrir alþjóðlega skilvirka CSS sem gerir kleift að skilgreina mikilvæga stíl með nokkrum skýrum leiðbeiningum . Einfalda borðið án verkefna er rammalaust og hefur gagnsæjan bakgrunn.

Hægt er að nefna nokkur nöfn flokka á lista sem eru aðgreindir frá öðrum með bilum í class= eigindinni. Hægt er að úthluta bekkjum í heila töflu eða heila röð eða eina reit til að framkvæma tiltekna hönnun eða eign.

Flokkar til að stilla töfluna hafa þegar verið nefndir hér að ofan. Flokkunum sem lýst er í eftirfarandi köflum er sérstaklega beint að heilum töflum.

wikitable

Upprunakóði:

 {| class = "wikitable"
  • Fyrirsögn töflunnar er miðjuð og sniðin feitletruð
  • Taflan er gefin ramma utan um hverja einstaka klefi
  • "hintergrundfarbe1" eru auðkenndar með ljósgráu (samsvarandi "hintergrundfarbe1" )
  • "hintergrundfarbe5" eru miðju, feitletrað og hafa miðlungs gráan bakgrunn (samsvarar "hintergrundfarbe5" )
  • Allt innihald frumna er með lágmarksfjarlægð frá nærliggjandi ramma
  • Allt borðið hefur skilgreinda fjarlægð fyrir ofan og neðan
  • Aðeins wiki CSS flokkarnir, til dæmis class="hintergrundfarbe2" leyfðir

Dæmi um framsetningu

visueller Editor VisualEditor

  • Opnaðu valmyndina „ Taflaeiginleikar “ í gegnum Properties .
  • Þar „Stílfærð (wikitable)“ →
    0000 Button-White.svg
    kveikt á.

Til að stuðla að samræmi prettytable milli hinna ýmsu Wikipedia prettytable ekki lengur að nota prettytable .

sebra

Þessi virkni er ekki í boði fyrir farsíma (frá og með maí 2020).
visueller Editor - ekki hægt að breyta [1]

Upplýsingar: class="zebra" er sérstök eign töflunnar class="wikitable" , hún er aðeins áhrifarík í tengslum við þennan flokk.

Upprunakóði:

 {| class = "wikitable zebra"
  • Raðir töflunnar eru auðkenndar til skiptis í hreinu hvítu ( #FFFFFF ) (þessi litur er fastur og hefur aðeins áhrif á innihaldsfrumur)
  • Bakgrunnslitur hinna frumanna er áfram ljósgrár af wikitable sjálfgefni. Hægt er að styrkja þennan skiptibakgrunn með viðbótar bakgrunnslit sem er skilgreindur fyrir allt borðið eða samsvarandi stílverkefni.
  • Liturinn til skiptis getur valdið óæskilegum áhrifum á tengdar línur ; Dæmi .
  • Það er ennþá hægt að lita einstakar frumur
  • Samsetning með flokkunaraðgerðinni er möguleg, skiptislitirnir eru ekki flokkaðir

mw-gagnatafla

Um miðjan ágúst 2021 er tæknilegt vandamál með wiki hugbúnaðinn og tilætluð áhrif koma ekki fram.
Það er óljóst hvort og hvenær og hvernig hægt er að endurheimta þetta.

Þessi virkni er ekki í boði fyrir farsíma (frá og með maí 2020).
visueller Editor - ekki breytanlegt

Upprunakóði:

 {| class = "mw-gagnatafla"
  • Fyrirsögn töflunnar er miðjuð
  • Taflan er gefin ramma utan um hverja einstaka klefi
  • Höfuðfrumurnar eru miðju, feitletrað og hafa grábláan bakgrunn
  • Efnisfrumurnar eru sniðnar í hvítu (#FFFFFF). Þessi litur breytist í ljósbláan fyrir alla línuna þegar þú færir músarbendilinn yfir klefa
  • Allt innihald frumna er með lágmarksfjarlægð frá nærliggjandi ramma
  • Þetta getur bætt læsileika töflu með miklum gögnum

Ókostur:

  • Aðgerðin getur haft óæskileg áhrif á tengdar frumur ; Dæmi .
  • Innihaldsfrumurnar ættu ekki að vera litaðar hver fyrir sig þar sem áhrif bláa bakgrunnsins tapast þegar músarbendillinn er sveimaður yfir þeim

Flokkanleiki ( flokkanlegur )

Þessi virkni er ekki í boði fyrir farsíma (frá og með maí 2020).

Upprunakóði:

 {| class = "flokkanlegur"

betri

 {| class = "wikitable sortable"
  • Til að geta notað þessa aðgerð verður JavaScript að vera virkt fyrir Wikipedia (JavaScript er ekki virkt fyrir þig eins og er).
  • Flokkunin virkar aðeins ef hausfrumur (dálkahausar) eru tiltækar.
  • sortable gerir kleift að sortable töfluna í samræmi við dálka sem hægt er að velja. Örvatákn birtast til hægri í samsvarandi hausfrumum.
  • Hægt er að búa til tómar frumur með því einfaldlega að hafa bil á milli þeirra; þeir eru settir í upphafi tegundarinnar, þeir með &nbsp; til enda.
  • Með því að smella á samsvarandi tákn í dálkhausnum er innihaldinu raðað í hækkandi eða lækkandi röð
  • Hægt er að endurheimta upprunalega skjáinn með því að endurhlaða síðuna.
  • Hægt er að útiloka einstaka dálka frá þessu með því að tilgreina class="unsortable" í tilheyrandi haus, þeir hafa þá engin flokkunartákn.
  • Hægt er að útiloka einstaka línur (bæði efni og haus sem class="sortbottom" ) frá flokkun með því að tilgreina class="sortbottom" eftir línuskilju sem tilheyrir línunni ( |- class="sortbottom" ); þær eru síðan settar við enda borðsins.

visueller Editor VisualEditor

  • Opnaðu valmyndina „ Taflaeiginleikar “ í gegnum Properties .
  • Það er „flokkað“ →
    0000 Button-White.svg
    kveikt á. [2]
  • Þar „Stílfærð (wikitable)“ →
    0000 Button-White.svg
    kveikt á.

mw-fellanleg

Þessi virkni er ekki í boði fyrir farsíma (frá og með maí 2020).

Hin (upphaflega, þ.e. flokkur mw-hrunin ) hrun á töflum og innihaldi er almennt óæskileg í greinum.
Það ætti aðeins að nota það ef það gerir greinina miklu aðgengilegri fyrir lesandann.
Aðgengi að brotna hluta greinarinnar er ekki aðeins erfitt. Síðari akkeri eða fyrirsagnir, til dæmis, er oft ekki lengur hoppað rétt á með köflum eða áframsendingum. Flettingin sýnir þá ekki tengda hlutinn.
Til þess í kjölfarið að færa skrun í rétta miðastöðu í þessu tilfelli er hægt að setja bendilinn í veffangastiku vafrans og síðan ýta á Enter takkann ↵ Hægt er að ýta á Enter .

  • Til að geta notað þessa aðgerð verður JavaScript að vera virkt fyrir Wikipedia (JavaScript er ekki virkt fyrir þig eins og er)
  • Hægt er að fella innihaldssvið töflunnar saman og stækka. Athugið: Ómissandi innihald greinar ætti ekki að vera falið (hrunið) og aðgengi að innihaldi ætti ekki að skerðast
  • Það fer eftir stöðu töflunnar, hnappamerkið breytist á milli [ Einklappen ] og [ Ausklappen ]
  • Með því að bæta við mw-collapsed , er taflan mw-collapsed þegar hluturinn er hlaðinn
  • Með því að bæta við mw-collapse , er taflan stækkuð þegar greinin er hlaðin; þetta samsvarar class="mw-collapsible" án viðbótar
  • Ef það er fyrirsögn í töflu verður hnappurinn til að skipta skiptist til hægri við hana. Það hefur fjarlægð við texta fyrirsagnarinnar

Ókostur:

  • Án fyrirsagnar í töflu ætti að vera haushólf (eða heill hauslína); skiptihnappurinn birtist þá hægra megin við texta síðasta hægri hausarsvæðisins. Annars birtist hnappurinn til hægri við innihald hólfsins í efri hægri kantinum; hann samþykkir eiginleika þessarar hólfs
  • Þegar borð með borðfyrirsögn er hrunið minnkar breidd töflunnar í breidd þessarar fyrirsagnar og hnappurinn er fyrir neðan hana. Erfitt er að greina töflur samanbrotnar á þennan hátt frá meginmáli textans; lesandinn getur ekki tekið eftir þeim
  • Ef um er að ræða töflur án fyrirsagnar í töflu festist hnappurinn við innihald klefans án pláss
  • Ekki er hægt að stökkva á akkeri (einnig fyrir fylgiskjöl ) sem eru á hrunna innihaldssvæðinu

visueller Editor VisualEditor

  • Opnaðu valmyndina „ Taflaeiginleikar “ í gegnum Properties .
  • Það „Foldable“ →
    0000 Button-White.svg
    kveikt á.
  • Þar „Fyrst brotið“ →
    Button-White.svg 0000
    kveikt eða slökkt.

topptextafrumur

visueller Editor - ekki breytanlegt

  • Innihald innihaldsfrumna er raðað lóðrétt þannig að þau séu efst í frumunum.
  • Efri textalínan er í samræmi við efri mörk frumunnar sem eykur læsileika nálægra frumna.
  • Staðallinn væri lóðrétt miðlæg röðun.
  • Höfuðfrumur eru óbreyttar; ef nauðsyn krefur er einnig hægt að raða þeim upp með því að nota stílúthlutunarstíl style="vertical-align:top" .

Samsetningar

Hægt er að sameina nokkra af þeim flokkum sem nefndir eru. Hér ætti að viðhalda tilfinningu fyrir hlutfalli, ekki er hver eign alltaf hentug. Gagnlegar samsetningar væru:

  • Raðað Wikitables: class="wikitable sortable"
  • Efst raðaðir textar í frumum með Wikitable: class="wikitable toptextcells"
  • Samsetningar allra þriggja stílanna: class="wikitable sortable toptextcells"

Jöfnun töflunnar

Þessi virkni er ekki í boði fyrir farsíma (frá og með maí 2020). Aðeins class="wikitable center" hefur áhrif.
visueller Editor - ekki breytanlegt

Venjulega eru töflur í greinum vinstri réttlættar án þess að texta sé pakkað inn.

Samræming við textaúrgang

Til að birta töflur með textaflæði er hægt að nota CSS -flokka eða stílverkefni:

  • CSS flokkurinn setur alltaf borðið á samsvarandi brún síðunnar og hefur sjálfvirka fjarlægð 1 1em upp, niður og síðuna á móti brúninni.
  • Stílverkefnið er aftur á móti hægt að nota til að staðsetja töflur við hliðina á öðru, sjá Dynamic skipulag

Setningafræði:

 {| class = "wikitable float-left"
{| class = "wikitable" style = "float: left;"
  • Báðir eru vinstri réttlættir í töflu með textaflæði, textinn sem er í gangi er hægra megin við töfluna.

Setningafræði:

 {| class = "wikitable float-right"
{| class = "wikitable" style = "float: right;"
  • Báðir tákna borð sem er réttlætt með textaflæði, textinn sem er í gangi er vinstra megin við töfluna.

Til að hætta textaflæðinu, það er að segja til að koma í veg fyrir að taflan renni inn í næsta hluta eða eftirfarandi fyrirsögn við hliðina á borðinu, ætti að fjarlægja float .

Dæmi

Jöfnun miðju

Tveir CSS flokkar eru fáanlegir til að miðla borði auðveldlega:

Setningafræði:

 {| class = "wikitable center"
  • Táknar töflu með miðjuðu frumuinnihaldi á öllu tiltæka svæðinu.

Setningafræði:

 {| class = "wikitable centered"
  • Setur borð lárétt í miðju tiltæka svæðisins, innihald frumunnar er áfram vinstri réttlætt.

Dæmi

Tengdar töflufrumur

Tengdu frumur: Fruma getur spannað frumurnar sem liggja til hægri eða neðan, það eru tvær mismunandi leiðbeiningar um þetta:

  • colspan enska dálkasviðið 'spannar dálkar'
  • rowspan Enska röð spann 'spannar raðir'

Setningafræðina er hægt að nota bæði fyrir haus og innihaldsfrumur .

Dæmi

visueller Editor Merkja, sameina, skipta mörgum frumum - sjónræn ritstjóri býður upp á auðvelda leið til að sameina frumur eða aðgreina sameinaðar frumur.

Hlið við hlið - colspan

Setningafræði:

 | -
! colspan = "3" | Undirfyrirsögn
| -
| colspan = "2" | Fruma 1/1 í klefa 2/1 || Hólf 3/1
| -
| Hólf 1/2 || colspan = "2" | Hólf 2/2 í Hólf 3/2

Gildið fyrir colspan ætti ekki að vera meira en fjöldi frumna í röð.

Hver ofan á annan - rowspan

Setningafræði:

 | -
! rowspan = "2" | Höfuðfrumur !! Höfuðhólf fyrir ofan !! rowspan = "2" | Höfuðfruma
| -
! Höfuðfruma fyrir neðan
| -
| Hólf 1/1 || rowspan = "2" | Hólf 2/1 í Hólf 2/2 || Hólf 3/1
| -
| Fruma 1/2 || í klefa 3/2

Gildið fyrir rowspan ætti ekki að vera stærra en fjöldi hólfa í dálki, annars gætu skjávillur stafað.

Ofan og við hliðina á hvort öðru

Samsetningar geta verið býsna ruglingslegar þegar frumtextanum er breytt, hér getur sjónræn útgáfa verið hagstæðari vegna þess að þú þarft ekki að hafa áhyggjur af setningafræðinni.

Setningafræði:

 | -
| colspan = "3" rowspan = "2" | Tengt innihald frumna

skipulag

Fyrir hönnun töflurammanna og klefamörkum, sjá landamæri og hólfamörk

Innihald töflna er hægt að samræma lóðrétt og lárétt innan frumanna. Þú getur einnig stillt breidd dálkanna eða hæð línanna.
Þess ber að geta,…

  • ... að áhrif textajöfnunar gætu verið sjónrænt árangurslaus ef allt frumuinnihald hefur sömu breidd með sjálfvirkri dálkbreidd (venjuleg hegðun).
  • ... ekki er hægt að halda fyrirfram ákveðinni dálkbreidd ef innihald frumunnar er breiðara en þessi stilling, til dæmis vegna langra orða eða breiðra mynda ... breiddin er síðan byggð á breiðasta innihaldi dálksins. Ekki er hægt að úthluta frumunum í dálknum með mismunandi breidd; til dæmis nægir einu sinni úthlutun í efri klefi dálksins. Hægt er að aðgreina löng orð með skilyrðum bandstriki &shy; hægt að aðgreina eftir dálkbreidd.
  • ... textar sem hafa nowrap eða nowrap space &nbsp; Að koma í veg fyrir línubrot milli orða hefur einnig áhrif á dálkbreiddina.
  • ... röðahæðin er alltaf byggð á klefanum með hæsta innihaldið, jafnvel með sjálfgefinni stillingu.

Þetta getur haft áhrif á uppsetningu töflunnar með mismunandi skjábreiddum, á mismunandi endabúnaði, með sérsniðnum letri eða myndastærðum fyrir sig eða með mismunandi vöfrum.

Breidd dálks

visueller Editor - ekki breytanlegt

Dæmi

Hægt er að tilgreina dálkbreiddina í % (hlutfall af heildarbreidd töflunnar) eða með föstum gildum px eða betri em . Ekki skal nota upplýsingar með einingunni px ; nema aðeins sé búist við grafík. Þess í stað ætti að nota eininguna em fyrir texta, þar sem 1em u.þ.b. breidd 1em „M“ í leturstærðinni í kring.

Í grundvallaratriðum er betra ef vafri lesandans dreifir dálkbreiddunum á kraftmikinn hátt í samræmi við núverandi aðstæður (skjápláss, leturgerð). Þeir hafa yfirleitt meira vit en höfundar greinanna. Flestar skýrar dálkbreiddirnar sem gefnar eru í skránni eru algjörlega óþarfar.

Aðeins ef nokkrar töflur af sömu gerð birtast á síðunni og þessar ættu að hafa sama útlit, þá er skilgreining reglulega skynsamleg; eða ef dálkar með svipað innihald ættu að líta eins út.

Ekkert gildi ætti að tilgreina beinlínis fyrir breiðasta dálkinn, en vafrinn ætti að reikna breiddina sjálfa. Ofákveðnir forskriftir fyrir alla dálka geta leitt til villur í birtingu vegna ranghringingarvillna; til dæmis þegar prósentum er bætt við, en summan virðist vera 100%. Framsetningin er hins vegar byggð á líkamlegum einingum sem eru ekki nákvæmlega kortlagðar í einstök prósentustig.

Einnig er hægt að tilgreina gildi fyrir allt borðið. Fyrir frekar þröngar töflur með aðeins fáum dálkum, ætti tafla því ekki að vera stillt á style="width:100%" , því innihaldið væri þá langt á milli á breiðum skjám.

Breidd í %

Forskriftin í % er alltaf byggð á breidd einstakra frumuinnihalds. Breytingar á dálki geta breytt skipulagi allrar töflunnar. Fyrirhugaðir prósentur einstakra dálka verða að bæta við allt að 100%, jafnvel þótt til dæmis breidd style="width:50%" skilgreind fyrir alla töfluna. Til að forðast skjávillur ætti ekki að gefa upp prósentugildi fyrir einn (venjulega breiðasta) dálk; þessi breidd er betur reiknuð af vafranum.

Setningafræði:

 | -
| style = "width: 20%;" | Dálkur með 20% af heildarbreidd borðsins

Breidd í em

Einnig er hægt að tilgreina breiddina í föstum gildum. Það skal tekið fram að heildarbreidd borð með föstum gildum, allt eftir skjábreidd áhorfandans, getur náð út fyrir hægri brúnina.

Setningafræði:

 | -
| style = "width: 20em;" | Dálkur með föstu breidd 20s

Dálkar með sömu breidd (töflur hver fyrir neðan aðra)

Ef það eru nokkrar töflur með svipað innihald og fyrirsagnir sem eru nálægt hver annarri getur verið hagkvæmt að stilla breidd dálkanna jafnt. Þetta virkar aðeins ef innihaldið fer ekki yfir gildin fyrir breiddirnar.

Textastilling

visueller Editor - ekki breytanlegt

Dæmi

Til að samræma textann lárétt í öllum innihaldsfrumum töflunnar er hægt að setja CSS setninguna í upphafi töflunnar, til dæmis:

 {| class = "wikitable" style = "text-align: center;"

Það er möguleiki á að samræma textann lóðrétt í öllum innihaldsfrumum töflunnar

 {| class = "wikitable" style = "vertical-align: top;"

Að öðrum kosti flokkur efsta textafrumur .

 {| class = "wikitable toptextcells"

Litun frumna

visueller Editor - ekki breytanlegt

Dæmi

Bekkjarverkefni

Es kann eine der 9 Wikipedia-Standardfarben vergeben werden. class="hintergrundfarbe X "X = 1 bis 9

Alle Inhaltszellen der Tabelle einfärben

 {| class="hintergrundfarbeX"

Komplette Inhaltszeilen einfärben

 |- class="hintergrundfarbeX"

Einzelne Zellenhintergründe einfärben

 |class="hintergrundfarbeX"| Zelleninhalt

Einzelne Kopfzellen einfärben

 !class="hintergrundfarbeX"| Kopfzelle

Stylezuweisung

Den Zellen kann direkt eine beliebige Farbe zugewiesen werden. style="background:#RRGGBB" – Werte von #000000 (schwarz) bis #FFFFFF (weiß)

  • Hinter der Raute (#) werden die Farbanteile nach dem RGB-Schema (Rot-Grün-Blau) jeweils als zweistellige hexadezimale Zahlen angegeben.
  • „00“ (=dezimal 0) bedeutet 0 % und „FF“ (=dezimal 255) bedeutet 100 % der jeweiligen Grundfarbe.
  • #FF0000 _ Rot, #00FF00 _ Grün und #0000FF _ Blau.
    Diese Grundfarben lassen sich beliebig mischen #FF8C00 _ Orange. Es sollte bei der Farbgebung beachtet werden, dass Farben nicht zu grell gewählt werden, die Inhalte müssen gut lesbar bleiben.

Alle Inhaltszellen der Tabelle einfärben

 {| style="background:#RRGGBB"

Komplette Inhaltszeilen einfärben

 |- style="background:#RRGGBB"

Einzelne Zellenhintergründe einfärben

 |style="background:#RRGGBB"| Zelleninhalt

Einzelne Kopfzellen einfärben

 ! style="background:#RRGGBB"| Kopfzelle

Zeilenumbruch, Aufzählung

visueller Editor VisualEditor

  • Doppelklicke in eine Zelle der Tabelle …
    • Zeilenumbrüche innerhalb einer Zelle können dort, wie überall im Text, durch drücken von Enter erzeugt werden.
    • Soll in die Zelle eine Aufzählungsliste eingefügt werden, kann aus dem Menüpunkt die Art der Aufzählung, Listenpunkte ListBullet.svg oder nummerierte Liste OOjs UI icon listNumbered-ltr.svg , ausgewählt werden. Die einzelnen Listenpunkte werden ebenfalls durch Enter erzeugt.

OOjs UI icon wikiText.svg Quelltextbearbeitung

  • Ein Zeilenumbruch kann über das Element <br /> oder durch zweimaliges Betätigen von Enter erzeugt werden, was aber einen größeren Abstand erzeugen kann als die Verwendung des <br /> .
  • Wie Aufzählungen realisiert werden, steht ausführlich unter Hilfe:Listen . Bei der Bearbeitung im Quelltext muss darauf geachtet werden, dass die Aufzählungszeichen * oder # direkt am Zeilenanfang stehen müssen.

wikitable

<br /> * #

Zeile 1
Zeile 2
Zeile 3

  • Zeile 1
  • Zeile 2
  • Zeile 3
  1. Zeile
  2. Zeile
  3. Zeile

Einfache Tabelle

<br /> * #

Zeile 1
Zeile 2
Zeile 3

  • Zeile 1
  • Zeile 2
  • Zeile 3
  1. Zeile
  2. Zeile
  3. Zeile

Quelltext dieser Tabelle:

 {| class="wikitable"
! <code><br /></code> !! <code>*</code> !! <code>#</code>
|-
|
Zeile 1<br />
Zeile 2<br />
Zeile 3
|
* Zeile 1
* Zeile 2
* Zeile 3
|
# Zeile
# Zeile
# Zeile
|}

Texteinrückung

visueller Editor – nicht veränderbar

Eine Texteinrückung, dh eine Darstellung, bei der der Text nicht am linken Rand beginnt (bei linksseitiger Ausrichtung) bzw. nicht am rechten Rand endet (bei rechtsseitiger Ausrichtung), sondern etwas eingerückt wird, kann über das cell padding („Zellen-Auspolsterung“)-Attribut erreicht werden:

style="padding-…;"

Linksbündig
ohne Einrückung
1
Linksbündig
mit Einrückung
2
Rechtsbündig
ohne Einrückung
3
Rechtsbündig
mit Einrückung
4

Quelltext dieser Tabelle:

 {| class="wikitable"
|-
| Linksbündig<br />ohne Einrückung || 1
|-
|style="padding-left:2em"| Linksbündig<br /> mit Einrückung || 2
|-
|style="text-align:right"| Rechtsbündig<br /> ohne Einrückung || 3
|-
|style="text-align:right; padding-right:2em"| Rechtsbündig<br /> mit Einrückung || 4
|}

Lange Wörter

Die Mindestbreite einer Spalte richtet sich nach dem längsten Wort. Um der darstellenden Software zu signalisieren, wo eine Worttrennung möglich ist, kann in besonders langen Wörtern das Entity &shy; in den Quelltext eingefügt werden. Dann erfolgt bei Bedarf an dieser Stelle Silbentrennung. Das sollte jedoch nur sparsam genutzt werden.

Dynamisches Layout

Die von unseren Lesern verwendeten Endgeräte können sich unterscheiden, insbesondere unterschiedlich breit sein: PC auf dem Schreibtisch, Smartphone, Großbildschirme. Gute Seiten passen sich den individuellen Verhältnissen bei momentanen Lesern an. Siehe dazu Layoutfluss .

visueller Editor – nicht veränderbar

Bei der Verwendung von style="float:…;" sollte immer auch ein Abstand margin-…: angegeben werden, damit der umfließende Inhalt der Seite nicht abstandslos an die Tabelle stößt.

Um den Textumfluss zu beenden, sollte das float aufgehoben werden.

  • Dafür gibt es eine entsprechende Anweisung zum Zurücksetzen
  • beispielsweise <div style="clear: both;"></div> Dies könnte auch am Tabellenanfang einer nachfolgenden Tabelle erfolgen.

In den folgenden Beispielen fordert jeweils die linke Tabelle einen kleinen Abstand nach rechts.

  • Stehen beide Tabellen nebeneinander, ist das der Abstand zur rechten Tabelle.
  • Stehen beide Tabellen untereinander, weil nicht genug Platz vorhanden ist, so stehen sie trotzdem bündig an der linken Kante.

Tabellen linksbündig nebeneinander

style="float:left;"

Tabelle 1
Kopfzelle Kopfzelle
Inhaltszelle Inhaltszelle
Inhalt
linksbündig
vertikal zentriert
Tabelle 2
Kopfzelle Kopfzelle
Inhaltszelle Inhaltszelle
Inhalt
linksbündig
vertikal zentriert

Quelltext der Tabellen: mit Abstand nach rechts

 {| class="wikitable" style="float:left; margin-right:1em;"
|+ Tabelle 1
|-
! Kopfzelle !! Kopfzelle
|-
| Inhaltszelle || Inhaltszelle
|-
| Inhalt<br /> linksbündig || vertikal zentriert
|}
{| class="wikitable" style="float:left;"
|+ Tabelle 2
|-
! Kopfzelle !! Kopfzelle
|-
| Inhaltszelle || Inhaltszelle
|-
| Inhalt<br /> linksbündig || vertikal zentriert
|}
<div style="clear: both;"></div>

Tabellen rechtsbündig nebeneinander

style="float:right;"

Tabelle 1
Kopfzelle Kopfzelle
Inhaltszelle Inhaltszelle
Inhalt
linksbündig
vertikal zentriert
Tabelle 2
Kopfzelle Kopfzelle
Inhaltszelle Inhaltszelle
Inhalt
linksbündig
vertikal zentriert

Quelltext der Tabellen; die linke Tabelle erhält einen kleinen Abstand nach rechts

 {| class="wikitable" style="float:right;"
|+ Tabelle 1
|-
! Kopfzelle !! Kopfzelle
|-
| Inhaltszelle || Inhaltszelle
|-
| Inhalt<br /> linksbündig || vertikal zentriert
|}
{| class="wikitable" style="float:right; margin-right:1em;"
|+ Tabelle 2
|-
! Kopfzelle !! Kopfzelle
|-
| Inhaltszelle || Inhaltszelle
|-
| Inhalt<br /> linksbündig || vertikal zentriert
|}
<div style="clear:right;"></div>

Sonstiges

Anmerkungen zum Zelleninhalt

  • Besonders gut ist hierfür das unter Vorlage:FN beschriebene Paket geeignet.
  • Ein anderer Weg ist eine Variante der sonst für Einzelnachweise eingesetzten <ref> -Anweisung:

Zellen mit Anmerkungen

Spalte 1 Spalte 2
Zelle 1 1 Zelle 2
Zelle 3 Zelle 4 [Anm. 1]

Anmerkungen

  1. Eine Anmerkung <ref>
1 Text der Anmerkung {{ FN }}

Quelltext dieser Tabelle:

 {| class="wikitable"
|-
! Spalte 1
! Spalte 2
|-
| Zelle 1{{FN|1}}
| Zelle 2
|-
| Zelle 3
| Zelle 4<ref group="Anm.">Eine Anmerkung <code><ref></code></ref>
|}
'''Anmerkungen'''
<references group="Anm." />
{{FNBox|
{{FNZ|1|Text der Anmerkung {{Vorlage|FN}}}}
}}

Datumsangaben

Siehe Wikipedia:Datumskonventionen #Datumsangaben in Tabellen .

Nummerierung der Zeilen

Eine „automatische“ Nummerierung der Zeilen einer Tabelle, so wie es etwa bei einer nummerierten Liste mit dem Zeichen # geschieht, ist bei Tabellen nicht möglich; zumindest nicht in dem Sinn, dass derselbe auch bei einer Sortierung immer dieselbe Nummer hätte (sogenannte Rangliste).

„Layout-Tabellen“

In den 1990er Jahren war es einmal Mode gewesen, mittels Tabellen alle Elemente der Seite in einem fest vorgegebenen Schema anzuordnen; die sogenannten Layout-Tabellen. Typisch war dann der Hinweis „Optimiert für 1024×768 Pixel“ – alle Leser mit kleinerem Bildschirm oder die sich die Webseite nicht als Vollbild ansehen wollten, hatten Pech und bekamen eine durcheinandergewürfelte oder unvollständige Darstellung angezeigt.

Heute gibt es Mobilgeräte mit relativ kleinem, zumindest aber begrenztem Bildschirm (global erfolgen rund die Hälfte aller Lesezugriffe auf eine Wikipedia über Mobilgeräte). Andere Leser verwenden HD-Bildschirme, scherzhaft als Kinoleinwand bezeichnet, und könnten extrem viele Elemente nebeneinander anzeigen (wobei es dem Verständnis und der Lesbarkeit auch nicht dienlich wäre, 1000 Buchstaben in einer einzigen Zeile anzuzeigen).

Webseiten sollen sich heutzutage am „ Responsiven Webdesign “ orientieren. Sie sollen eine den Umständen bei den Lesern entsprechende übersichtliche und sinnvolle Darstellung erzeugen. Das können Browser auch, wenn ihnen dazu Freiraum gelassen wird. Layout-Vorgaben sollten sich auf inhaltlich notwendige Forderungen beschränken und keine bestimmte Präsentation vorschreiben. Viele Wikipedia-Autoren der ersten Jahre hatten nur mit relativ großen „Desktop“-Darstellungen gearbeitet und vorausgesetzt, dass sich jeder Leser ähnlich viel Bildschimplatz verschaffen könne, und dies auch durch ein statisches Layout zwingend vorgegeben. Würde umgekehrt ein schmales Design für Mobilgeräte fest definiert werden, wird bei Lesern mit breiterem Bildschirm viel Platz rechts daneben verschenkt; inhaltlich zusammengehörige Elemente sind hier nicht mehr gleichzeitig sichtbar, obwohl dafür Platz vorhanden wäre. Auch dies ist eine unübersichtliche Darstellung.

Tabellen sollten nur dazu verwendet werden, um einzelne Datenelemente übersichtlich strukturiert anzuordnen. Das ist auch ein wichtiger Aspekt für dieBarrierefreiheit . Für die Präsentation gibt es andere Möglichkeiten:

Vermieden werden sollte generell:

  • Vorgabe von Spaltenbreiten, wo nicht Einheitlichkeit mehrerer gleichartiger Elemente erzielt werden soll.
  • Angaben für die Gesamtbreite einer Tabelle ( 100% oder 50% ) in Bezug zur Bildschirmbreite.
    • Leser an Mobilgeräten erhalten eine unnötig zerquetschte Darstellung, wenn gefordert wird, nur die halbe Bildschirmbreite solle genutzt werden, der restliche Platz würde verschenkt.
    • Leser vor Breitbildmonitoren bekommen eine gigantisch auseinandergezogene Zeile mit verlorengehenden Inhalten, wenn statt der vom Browser nach den Erfordernissen ermittelten Tabellenbreite die volle Bildschirmbreite verlangt wird.
  • Unterbinden von Zeilenumbrüchen ( nowrap , geschützte Leerzeichen ) wo nicht wirklich erforderlich. Bei schmaler Bildschirmbreite muss an geeigneten Stellen umbrochen werden können.

Hilfsmittel

  • In den VisualEditor lassen sich Tabellen bequem per Copy-&-Paste aus gängigen Office-Programmen einfügen, die anschließend auch im Quelltext weiter bearbeitet werden können
  • EXCEL-Tabellenumwandlung konvertiert den ausgewählten Tabellenbereich aus MS Excel direkt in das Wiki-Tabellenformat. Die wichtigsten Formatierungen wie Fett/Kursiv, Zellenhöhe und -breite, Schriftgröße, Farbinformation aus MS Excel bleiben erhalten.
  • Excel2Wiki berücksichtigt verbundene Zellen, dazu auch ein Programm zur Umwandlung der Spalten in Zeilen und umgekehrt und ein Programm zur Zeilenumkehr, dh die letzte Zeile wird zur ersten usw.
  • csv2wp ist ein Werkzeug zum Umwandeln von CSV-Dateien in Wiki-Tabellenformat. Damit lassen sich z. B. Tabellen aus Microsoft Excel importieren.
  • OpenOffice -Tabellen können mit Calc2Wiki konvertiert werden. Eine Alternative (mit der ein oder anderen Erweiterung) ist Calc2WikiTable .
  • Umwandlung von HTML-Tabellen in MediaWiki-Tabellen
  • Das Benutzerskript tableXpander @PerfektesChaos ermöglicht auf einer dargestellten Seite mittels JavaScript in Datentabellen verschiedene Berechnungen und das Durchzählen und Nummerieren von Zellen.

Weitere Informationen

Anmerkungen

  1. Derzeit (Mai 2020) kann diese Klasse nicht bei der Bearbeitung mit dem VisualEditor beeinflusst werden. Soll die Zebrafärbung aufgehoben oder verändert werden, so muss dies im Wikitextmodus geschehen.
  2. Visuell kann (Stand Mai 2020) nur die komplette Kopfzeile als sortierbar oder nicht sortierbar festgelegt werden. Soll eine einzelne Kopfzelle ausgeschlossen werden, muss dies im Wikitextmodus geschehen.