Taflenni arddull mewnol, mewnosod, ac allanol: Dyma beth sydd angen i chi ei wybod
Mae datblygiad gwefan y pen blaen yn aml yn cael ei gynrychioli fel stôl 3 coes. Mae'r coesau hyn fel a ganlyn:
- HTML ar gyfer strwythur safle;
- CSS ar gyfer yr arddulliau gweledol;
- Javascript ar gyfer ymddygiadau.
Yr ail goes o'r stôl hwn, CSS neu Cascading Style Sheets, yw'r hyn yr ydym yn edrych yma yma heddiw. Yn benodol, rydym am fynd i'r afael â'r 3 math o arddulliau y gallwch eu hychwanegu at ddogfen.
- Arddulliau mewnline
- Arddulliau embeddedig
- Arddulliau allanol
Mae gan bob un o'r mathau hyn o arddulliau CSS eu manteision a'u anfanteision, felly gadewch i ni edrych yn ddyfnach ar bob un ohonynt yn unigol.
Inline Styles
Mae arddulliau mewnline yn arddulliau sydd wedi'u hysgrifennu'n uniongyrchol yn y tag yn y ddogfen HTML. Mae arddulliau mewnol yn effeithio ar y tag penodol y maent yn berthnasol iddynt. Dyma enghraifft o arddull an-lein sy'n berthnasol i gyswllt safonol, neu angor, tag:
Byddai'r rheol CSS hon yn troi'r safon yn tanlinellu addurniad testun oddi ar yr un cyswllt hwn. Fodd bynnag, ni fyddai'n newid unrhyw ddolen arall ar y dudalen. Dyma un o gyfyngiadau arddulliau mewnol. Gan mai dim ond ar eitem benodol y maent yn newid, byddai angen i chi sbwriel eich HTML gyda'r arddulliau hyn i gyflawni dyluniad gwirioneddol ar y dudalen. Nid yw hynny'n arfer gorau. Mewn gwirionedd, mae un cam wedi'i dynnu o ddyddiau tagiau "ffont" a'r cymysgedd o strwythur ac arddull yn y tudalennau gwe.
Mae gan arddulliau mewnline hefyd benodolrwydd uchel iawn.
Mae hyn yn eu gwneud yn anodd iawn i'w hailysgrifennu gydag arddulliau eraill, an-fewnol. Er enghraifft, os ydych chi am wneud safle'n ymatebol a newid sut mae elfen yn edrych ar rai mannau torri trwy ddefnyddio ymholiadau cyfryngau , bydd arddulliau mewnline ar elfen yn gwneud hyn yn anodd iawn i'w wneud.
Yn y pen draw, nid yw arddulliau mewnol mewn gwirionedd yn unig yn briodol pan gaiff eu defnyddio'n anaml iawn.
Yn wir, anaml iawn y byddwn byth yn defnyddio arddulliau mewnline ar fy mhwerau gwe.
Arddulliau Embedded
Mae arddulliau embeddedig yn arddulliau sydd wedi'u hymsefydlu ym mhen y ddogfen. Mae arddulliau mewnol yn effeithio ar y tagiau ar y dudalen y maent wedi'u hymgorffori yn unig. Unwaith eto, mae'r dull hwn yn negyddu un o gryfderau CSS. Gan y byddai gan bob tudalen arddulliau yn y
, os ydych chi eisiau gwneud newid ar draws y safle, fel newid lliw y cysylltiadau o goch i wyrdd, byddai angen i chi wneud y newid hwn ar bob tudalen, gan fod pob tudalen yn defnyddio daflen arddull wedi'i fewnosod. Mae hyn yn well nag arddulliau mewnol, ond mae'n dal yn broblemus mewn sawl achos.
Taflenni ffyrdd sy'n cael eu hychwanegu at y
Mae dogfen hefyd yn ychwanegu llawer o god marcio i'r dudalen honno, a all hefyd wneud y dudalen yn anoddach i'w reoli yn y dyfodol.
Manteision taflenni arddull mewnosod yw bod y llwyth ar unwaith gyda'r dudalen ei hun, yn hytrach na bod angen llwythi ffeiliau allanol eraill. Gall hyn fod o fudd o safbwynt cyflymder a pherfformiad lawrlwytho .
Taflenni Arddull Allanol
Mae'r rhan fwyaf o wefannau heddiw yn defnyddio taflenni arddull allanol. Mae arddulliau trawiadol yn arddulliau sydd wedi'u hysgrifennu mewn dogfen ar wahân ac yna ynghlwm wrth ddogfennau gwe amrywiol. Gall taflenni arddull allanol effeithio ar unrhyw ddogfen y maent ynghlwm wrthynt, sy'n golygu, os oes gennych wefan 20 tudalen lle mae pob tudalen yn defnyddio'r un daflen arddull (fel rheol, sut y gwneir hyn), gallwch chi wneud newid gweledol i bob un o'r tudalennau hynny trwy olygu dim ond y daflen arddull honno.
Mae hyn yn golygu bod rheoli safleoedd hirdymor yn llawer haws.
Yr anfantais i daflenni arddulliau allanol yw eu bod yn gofyn am dudalennau i'w cael a'u llwytho i'r ffeiliau allanol hyn. Ni fydd pob tudalen yn defnyddio pob steil yn y daflen CSS, felly bydd llawer o dudalennau'n llwytho tudalen CSS llawer mwy na'r hyn sydd ei angen arnoch.
Er ei bod yn wir bod yna daro perfformiad ar gyfer ffeiliau CSS allanol, mae'n sicr y gellir ei leihau. Yn realistig, ffeiliau CSS yn unig yw ffeiliau testun, felly nid ydynt fel arfer yn fawr iawn i ddechrau. Os yw eich gwefan gyfan yn defnyddio 1 ffeil CSS, byddwch hefyd yn cael budd y ddogfen honno yn cael ei cywasgu ar ôl ei lwytho i ddechrau.
Mae hyn yn golygu y gallai ychydig o ymweliadau gael eu taro ar y dudalen gyntaf, ond bydd tudalennau dilynol yn defnyddio'r ffeil CSS cached, felly byddai unrhyw daro yn cael ei negyddu. Ffeiliau CSS allanol yw sut yr wyf yn adeiladu fy holl dudalennau gwe.