Dyma sut i ddefnyddio'r tag Testun Cyn-Fformat yn eich cod HTML
Pan fyddwch yn ychwanegu testun i'r cod HTML ar gyfer tudalen We, dywedwch mewn elfen baragraff, nid oes gennych lawer o reolaeth dros y lle y bydd y llinellau testun hynny'n torri neu y gofod a ddefnyddir. Mae hyn oherwydd bod y porwr gwe yn llifo'r testun yn ôl yr angen yn seiliedig ar yr ardal sy'n ei gynnwys. Mae hyn yn cynnwys gwefannau ymatebol a fydd â chynllun hylif iawn sy'n newid yn seiliedig ar faint y sgrin sy'n cael ei defnyddio i weld y dudalen .
Bydd testun HTML yn torri llinell lle mae angen iddo unwaith iddo gyrraedd diwedd ei ardal sy'n cynnwys. Yn y pen draw, mae'r porwr yn chwarae rôl fwy wrth benderfynu sut mae'r testun yn torri nag yr ydych yn ei wneud.
O ran ychwanegu mantais i greu fformat neu gynllun penodol, nid yw HTML yn cydnabod y gofod sy'n cael ei ychwanegu at god, gan gynnwys gofod bar, tab, neu ffurflenni cerbyd. Os ydych chi'n rhoi ugain o lefydd rhwng un gair a'r gair a ddaw ar ei ôl, bydd y porwr yn golygu mai dim ond un lle sydd yno. Gelwir hyn yn cwymp gofod gwyn ac mewn gwirionedd mae'n un o gysyniadau HTML y mae llawer o'r newydd i'r diwydiant yn ei chael hi'n anodd â nhw ar y dechrau. Maent yn disgwyl gofod gwag HTML i weithio fel y mae'n ei wneud mewn rhaglen fel Microsoft Word, ond nid dyna sut mae gofod gwag HTML yn gweithio o gwbl.
Yn y rhan fwyaf o achosion, mae trin y testun yn normal mewn unrhyw ddogfen HTML yn union yr hyn sydd ei angen arnoch chi, ond mewn achosion eraill, efallai y byddwch chi eisiau mwy o reolaeth dros yr union ffordd y mae'r testunau'n mynd allan a lle mae'n torri llinellau.
Mae hyn yn cael ei adnabod fel testun wedi'i fformatio ymlaen llaw (mewn geiriau eraill, rydych chi'n pennu'r fformat). Gallwch ychwanegu testun wedi'i fformatio ymlaen llaw i'ch tudalennau gwe gan ddefnyddio'r tag cyn HTML.
Defnyddio'r tag
Flynyddoedd lawer yn ôl, roedd yn gyffredin i weld tudalennau gwe gyda blociau o destun wedi'i fformatio ymlaen llaw. Roedd defnyddio'r pre tag i ddiffinio adrannau o'r dudalen fel y'i ffurfiwyd gan deipio ei hun yn ffordd gyflym a hawdd i ddylunwyr gwe gael y testun i'w arddangos fel y dymunent.
Roedd hyn cyn y cynnydd o CSS ar gyfer y cynllun, pan oedd dylunwyr gwe mewn gwirionedd yn sownd yn ceisio gorfodi'r cynllun trwy ddefnyddio tablau a dulliau HTML-yn unig eraill. Gweithiodd hwn (kinda) yn ôl oherwydd bod testun wedi'i fformatio wedi'i ddiffinio fel testun lle mae'r strwythur yn cael ei ddiffinio gan gonfensiynau teipograffig yn hytrach na thrwy rendro HTML.
Heddiw, ni ddefnyddir y tag hwn gymaint gan fod CSS yn caniatáu i ni orfodi arddulliau gweledol mewn modd llawer mwy effeithlon na cheisio golwg ar ein HTML a chan fod safonau'r We yn gosod gwahaniad clir o strwythur (HTML) ac arddulliau (CSS). Yn dal i fod, efallai bod enghreifftiau o destun cyn-fformat yn gwneud synnwyr, fel cyfeiriad postio lle rydych chi am orfodi'r toriadau llinell neu enghreifftiau o farddoniaeth lle mae toriadau llinell yn hanfodol i ddarllen a llif cyffredinol y cynnwys.
Dyma un ffordd i ddefnyddio'r HTML
tag:Twas brillig a'r toves slithey Rhoddodd gyre a gimble in the wabeMae HTML nodweddiadol yn cwympo'r gofod gwyn yn y ddogfen. Mae hyn yn golygu y byddai'r ffurflenni cerbydau, gofodau, a tabiau a ddefnyddir yn y testun hwn yn cael eu cwympo i un man. Os dechreuodd y dyfynbris uchod mewn tag HTML nodweddiadol fel y tag p (paragraff), bydd gennych un llinell o destun, fel hyn:
Twas brillig a'r toves slithey Rhoddodd gyre a gimble yn y wabe
Mae'r tag cyn yn gadael y cymeriadau gofod gwyn fel y mae. Felly, caiff seibiannau llinell, gofodau a thabiau eu cynnal i gyd wrth wneud y cynnwys hwnnw yn y porwr. Byddai rhoi'r dyfynbris y tu mewn i rag tag ar gyfer yr un testun yn arwain at yr arddangosfa hon:
Twas brillig a'r toves slithey Rhoddodd gyre a gimble yn y wabeO ran Ffontiau
Mae'r pre tag yn fwy na dim ond cynnal y lleoedd a'r egwyliau ar gyfer y testun rydych chi'n ei ysgrifennu. Yn y rhan fwyaf o borwyr, fe'i hysgrifennir mewn ffont monospace. Mae hyn yn gwneud y cymeriadau yn y testun yn gyfartal o led. Mewn geiriau eraill, mae'r llythyr i yn cymryd cymaint o le â'r llythyr w.
Os byddai'n well gennych ddefnyddio ffont arall yn lle'r monospace rhagosodedig y mae'r porwr yn ei arddangos, gallwch chi newid hyn gyda thaflenni arddull a dewiswch unrhyw ffont arall yr hoffech i'r testun i'w rendro .
HTML5
Un peth o gofio yw, yn HTML5, nad yw'r priodoldeb "lled" bellach yn cael ei gefnogi ar gyfer yr elfen
. Yn HTML 4.01, nododd y lled nifer y cymeriadau y byddai llinell yn eu cynnwys, ond cafodd hyn ei ollwng ar gyfer HTML5 a thu hwnt.Golygwyd gan Jeremy Girard ar 2/2/17