Un o'r tagiau y byddwch yn eu dysgu yn gynnar yn eich addysg dylunio gwe yw pâr o tagiau a elwir yn "tagiau pwyslais." Gadewch i ni edrych ar beth yw'r tagiau hyn a sut maen nhw'n cael eu defnyddio mewn dylunio gwe heddiw.
Yn ôl i XHTML
Os oeddech chi'n dysgu HTML mlynedd yn ôl, ymhell cyn y cynnydd o HTML5, mae'n debyg y defnyddiwch y tagiau bold a italig. Fel y byddech yn ei ddisgwyl, mae'r tagiau hyn yn troi elfennau yn destun trwm neu destun italig yn y drefn honno. Y broblem gyda'r tagiau hyn, a pham y cânt eu gwthio i'r neilltu o blaid elfennau newydd (y byddwn yn edrych arno'n fuan), yw nad ydynt yn elfennau semantig. Mae hyn oherwydd eu bod yn diffinio sut y dylai'r testun edrych yn hytrach na gwybodaeth am y testun. Cofiwch, mae HTML (lle mae'r tagiau hyn yn cael eu hysgrifennu) yn ymwneud â strwythur, nid arddull weledol! Ymdrinnir â gweledol gan CSS ac mae arferion gorau dyluniad gwe wedi dal yn hir y dylech gael gwahaniad clir o arddull a strwythur yn eich tudalennau gwe. Mae hyn yn golygu nad yw defnyddio elfennau nad ydynt yn semantig a pha fanylion sy'n edrych yn hytrach na strwythur. Dyna pam y cafodd y tagiau bold a italig eu disodli yn gyffredinol gan gryf (ar gyfer trwm) a phwyslais (ar gyfer llythrennau italig).
& lt; strong & gt; a & lt; em & gt;
Mae'r elfennau cryf a phwyslais yn ychwanegu gwybodaeth at eich testun, gan fanylu ar gynnwys y dylid ei drin yn wahanol a'i bwysleisio pan fydd y cynnwys hwnnw'n cael ei siarad. Rydych chi'n defnyddio'r elfennau hyn yn eithaf yr un modd ag y byddech wedi defnyddio llythrennau beiddgar ac italig yn y gorffennol. Amcangyfrifwch eich testun gyda'r tagiau agor a chau ( a am bwyslais a a am bwyslais cryf) a bydd y testun amgaeëdig yn cael ei bwysleisio.
Gallwch chi nythu'r tagiau hyn ac nid yw'n bwysig pa tag allanol ydyw. Dyma rai enghreifftiau.
Mae'r testun hwn wedi'i bwysleisio a byddai'r rhan fwyaf o borwyr yn ei arddangos fel llythrennau italig. Mae'r testun hwn wedi'i bwysleisio'n gryf a byddai'r rhan fwyaf o borwyr yn ei arddangos fel math trwm. Yn y ddau enghraifft hon, nid ydym yn pennu edrychiad gweledol gyda'r HTML. Do, byddai ymddangosiad diofyn y tag yn italig a byddai'r yn feiddgar, ond y gellid newid y edrychiadau hynny'n hawdd yn CSS. Dyma'r gorau o'r ddau fyd. Gallwch leverage arddulliau'r porwr diofyn i gael testun wedi'i theledu neu lawn yn eich dogfen heb groesi'r llinell a strwythur ac arddull cymysgu mewn gwirionedd. Dywedwch eich bod am i'r testun
cryf {
lliw: coch;
}
Yn yr enghraifft hon, nid oes angen i chi ychwanegu eiddo ar gyfer y pwysau ffont trwm ers hynny yw'r rhagosodedig. Os nad ydych am adael hynny i siawns, fodd bynnag, gallech bob amser ei ychwanegu yn:
cryf {
ffont-bwysau: trwm;
lliw: coch;
}
Nawr, byddech i gyd ond yn sicr o gael tudalen gyda thestun trwm (a choch) lle bynnag y defnyddir y tag .
Dwbl Hyd at Bwysau
Un peth yr wyf wedi'i sylwi dros y flwyddyn yw beth sy'n digwydd os byddwch chi'n ceisio dyblu pwyslais. Er enghraifft:
Dylai'r testun hwn gael testun bolded a italicized testun y tu mewn iddo.Byddech yn meddwl y byddai'r llinell hon yn cynhyrchu ardal sydd â thestun sy'n llythrennol ac yn italig. Weithiau, mae hyn yn digwydd yn wir, ond rwyf wedi gweld rhai porwyr yn anrhydeddu'r ail arddull pwyslais, yr un agosaf at y testun gwirioneddol dan sylw, ac yn unig arddangos hyn fel llythrennau italig. Dyma un o'r rhesymau pam nad wyf yn dyblu tagiau pwyslais.
Rheswm arall i osgoi hyn yw "dyblu" i ddibenion arddull. Un math o bwyslais os yw'n ddigon aml i gyfleu'r tôn rydych chi am ei osod. Nid oes angen i chi fod yn drwm, yn italig, yn lliwio, yn helaethu, ac yn tanlinellu testun er mwyn iddo sefyll allan. Bydd y testun hwnnw, a fydd yr holl wahanol fathau o bwyslais, yn dod yn ddrwg. Felly, byddwch yn ofalus wrth ddefnyddio tagiau pwyslais neu arddulliau CSS i roi pwyslais a pheidiwch â gorwneud hi.
Nodyn ar Bold ac Eidaleg
Un meddwl derfynol - er nad yw'r tagiau trwm () a italics () yn cael eu hargymell bellach i'w defnyddio fel elfennau pwyslais, mae rhai dylunwyr gwe sy'n defnyddio'r tagiau hyn i arddull meysydd testun mewnol. Yn y bôn, maent yn ei ddefnyddio fel elfen . Mae hyn yn braf oherwydd bod y tagiau'n fyr iawn, ond ni ddefnyddir yr elfennau hyn yn y modd hwn yn gyffredinol. Rwy'n sôn, rhag ofn y byddwch yn ei weld yno ar rai safleoedd yn cael eu defnyddio i beidio â chreu testun printig neu eidaleg, ond i greu bachau CSS ar gyfer rhyw fath arall o ddulliau gweledol.
Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 12/2/16.