Nola CSS Iruzkina txertatu

Zure CSS kodean iruzkinak barne hartzen ditu oso erabilgarria eta oso gomendagarria.

Webgune bakoitzak elementu estrukturalez osatuta dago (HTMLk aginduak), baita gune bisuala edo "itxura eta sentipena" ere. Cascading Style Sheets (CSS) webgune baten itxura itxura emateko erabiltzen da. Estiloak HTML egituran bereizita mantentzen dira, Web estandarren eguneratze eta atxikimendua errazteko.

Gaur egungo webguneen konplexutasunaren tamainarekin, estilo-orriek oso luzea eta oso astuna izan dezakete lan egiteko. Hau bereziki egia da web estilo sentikorren estilo- galderetan komunikabideetan gehitzen hasten zarenean. Komunikabideen kontsultak bakarrik CSS dokumentu estilo berri asko gehitu ditzakete eta are zailagoa da lan egiteko. Horixe da CSS iruzkinak webgune baten laguntza eskerga bihur dadin.

Webguneetako CSS fitxategietako iruzkinak gehitzea dokumentu berrikusten duen giza irakurlearentzako egitura gehitzeko modu bikaina da. Modu zoragarri bat ere bada etorkizunean webgunean lan egiteko behar duen web orriko profesionalak azaltzeko, zeuk barne!

Azkenean, smartly added CSS komentarioak estilo-orri bat errazagoa izango da prozesatzeko. Hau da, hain zuzen ere, garrantzitsua da taldek editatuko dituzten estilo-orrietarako. Iruzkinak style code-ren alderdi garrantzitsuenak komunikatzeko erabil daitezke, jadanik dagoen kodea ezagutzen ez duen taldeko kide desberdinetan. Iruzkin hauek oso lagungarriak izan daitezke webgunean lan egin duten pertsonentzako baino lehen, denbora pixka bat urrun egon ondoren. Zenbaitetan hilabeteak edo urteak eraiki ditudan webgune bat editatu izan dut eta HTML eta CSSn ondo moldatutako iruzkinak edukitzea oso ongi etorri da. Gogoan izan, gune bat eraiki zenuenez, ez du esan nahi etorkizunean gune horretara itzultzen zinen zergatik egin zenuen. Iruzkinak zure asmoak argi eta garbi argitu ahal izango ditu, gaizki ulertu guztiak gertatu aurretik ere.

Gauza bat CSS iruzkinen inguruko informazioa ulertzea da web nabigatzaileetan egiten ari den orrialdean ez agertzea. Iruzkinak informazioak soilik dira, HTML iruzkinak bezalakoak dira (sintaxia ezberdina den arren). CSS iruzkin hauek ez dute inolaz ere gune baten ikusizko bistaratzea eragiten, eta kode bera agertzen dira.

CSS iruzkinak gehitzea

CSS iruzkin bat gehitzea nahiko erraza da. Zure iruzkina zure iruzkina besterik ez duzu irekitze eta ixteko iruzkinen etiketak erabiliz:

Bi etiketa horien artean agertzen den zerbait izango da iruzkinaren edukia, kodean soilik ikus daitekeena eta arakatzaileak ez du errendatzen.

CSS iruzkina lerro bakar bat izan daiteke edo lerro anitz hartu dezake. Hemen lerro bakarreko adibide bat da:

div # border_red {mugartea: gorri sendo findua; } / * marra gorria adibidea * /

Eta adibide anitzekoa:

/ *************************** ********************** ****** kodea testu motarako **************************** ************ *************** /

Breaking Out Sailak

Erabili ohi ditugun moduetako bat, CSS iruzkinak nire estiloko orria antolatzea da zati txikiagoetan, errazago bereizten direnak. Atal hauek erraz ikusi ahal izango ditut geroago fitxategia berrikusten dudanean. Horretarako, iruzkinak gehitu ohi ditut marratxo asko dituela, orriaren haustura handiak eta bistakoak eskaintzen dituztela, erraz ikusi ahal izateko. Hona hemen adibide bat:

/ * ----------------------- Goiburuko estiloak ----------------------- ------- * /

Nire kodean iruzkin hauetako bat ikusten dudanean, badakit dokumentu horren atal berri baten hasiera dela, kode hori errazago prozesatu eta erabiltzea ahalbidetuz.

& # 34; Iruzkina egin & # 34; Kodea

Komentarioen etiketak ere erabil daitezke orrialdearen kodeketa eta arazketa prozesuan. Iruzkinak "komentatzeko" edo "desaktibatzeko" kode horren eremuak erabil ditzakezu zer gertatzen den atal hori orrialdearen zati bat ez bada.

Beraz, nola funtzionatzen du? Beno, iruzkinen etiketak nabigatzailearengandik alde batera uzten dutelako, haien artean dena alde batera utz dezaten, aldi baterako desgaitu ditzakezu CSS kodearen zenbait atal. Hau erabilgarria izan daiteke arazoren bat egiterakoan edo Web orriaren formatua doitzen denean.

Horretarako, kode irekiko iruzkinen etiketa gehitu beharko zenuke, kodea desgaituta egotea nahi baduzu eta desgaitutako atala amaitzean nahi duzun amaiera etiketa jarri. Etiketa horien arteko guztia ez da gunearen ikusizko bistaratzea eragingo, CSS arazteko arazoren bat gertatu ahal izateko. Orduan sartu eta konpondu besterik ez duzu eta iruzkinak ezabatu.

CSS aholkuak komentatzea

Berrikuspen gisa, hemen daude zure CSS-en iruzkinak erabiltzeko gogoratzeko zenbait aholku:

  1. Iruzkinak hainbat lerro zabal ditzakete.
  2. Iruzkinak arakatzaile batek errendatutako nahi ez diren CSS elementuak izan ditzake, baina ez du guztiz ezabatu nahi. Webgunearen estilo-orriak aldatzeko era polit bat da. Ziurtatu erabili gabeko estiloak kendu nahi dituzula (komentarioak utziz gero) webgunea behar ez dituzula erabakitzen baduzu
  3. Erabili iruzkinak CSS korapilatsua idatzi duzunean argitzeko eta etorkizunean etorkizunean garatzaile etorkizunari buruz informatzeko, jakin beharreko gauza garrantzitsuen berri emateko. Honek etorkizuneko garapen denbora aurreikusten du parte hartzen duten guztiei.
  4. Iruzkinak meta-informazioa ere barne hartzen du:
    • egileak
    • data sortu da
    • copyright informazioa

Performance

Iruzkinak zalantzarik gabe lagungarria izan daiteke, baina kontutan izan estilo-orri bat gehitzen duzun iruzkin gehiago, heftier bihurtuko dela, gune horrek deskargatzeko abiadura eta errendimendua eragingo baitu. Hau da benetako kezka, baina ez daukazu zalantzarik behazun lagungarri eta zilegizko iruzkinak gehitzeko. CSS lerroek ez dute tamaina handiarekin dokumentu bat gehitzen. Komentarioen lerroen tonuak gehitzea komeni da CSS fitxategiaren tamaina handiarekin. Zure CSSrako iruzkin erabilgarri gutxi batzuk gehitzea ez da orrialdearen abiadura negatibo negatiborik emango.

Azkenean, iruzkinak eta iruzkin gehiegi arteko oreka aurkituko duzu CSS dokumentuan dituzun onurak lortzeko.

Jennifer Krynin-en jatorrizko artikulua. Jeremy Girard-ek argitaratua 17/07/17