Megjegyzések hozzáadása a CSS-hez (CSS)

Minden weboldal szerkezeti jellegű (amelyet a HTML diktál), funkcionális és stilisztikai elemekből áll össze. A CSS (Cascading Style Sheets) (Cascading Style Sheets) segítségével egy weboldal megjelenését ("megjelenését és érzését") kigondolják. Ezek a stílusok elkülönülnek a HTML-struktúrától, hogy megkönnyítsék az internetes szabványok frissítését és betartását.

A probléma a stíluslapokkal

Számos weboldal méretével és összetettségével ma a stíluslapok nagyon hosszadalmasak és nehézkesek lehetnek. Ez különösen akkor igaz, ha a reagáló webhelystílusokhoz kapcsolódó média lekérdezések a tervezés lényeges részét képezik, biztosítva, hogy a weboldal úgy nézzen ki, mint az eszköztől függetlenül. Ezek a média lekérdezések önmagukban jelentős számú új stílust vehetnek fel a CSS-dokumentumhoz, így még nehezebb dolgozni. Ez az, ahol a CSS kommentek felbecsülhetetlen értékű segítséget nyújthatnak a weboldal tervezőinek és a fejlesztőknek.

Megjegyzések A struktúra és az egyértelműség hozzáadásához

A weboldal CSS-fájljainak megjegyzései nagyszerű módon megszervezhetik az adott kód egy részét az emberi olvasó számára, aki átvizsgálja a dokumentumot. Azt is biztosítja a következetességet, amikor egy webszakember felveszi a helyet, ahol a másik elhagyja, vagy amikor az emberek csapata dolgozik egy webhelyen.

A jól formázott megjegyzések képesek kommunikálni a stíluslap fontos szempontjait olyan csapattagokkal, akik már nem ismerik a kódot. Ezek az észrevételek nagyon hasznosak azok számára is, akik korábban a webhelyen dolgoztak, de nem a közelmúltban; a webes tervezők általában sok webhelyen dolgoznak, és nehéz emlékezni a tervezési stratégiák egyikről a másikra.

Csak a szakemberek számára

A CSS-megjegyzések nem jelennek meg, amikor az oldal megjelenik a webböngészőkben. Ezek a megjegyzések csak tájékoztató jellegűek, csakúgy, mint a HTML megjegyzések (bár a szintaxis eltérő). Ezek a CSS-megjegyzések semmilyen módon nem befolyásolják a webhely vizuális megjelenítését.

CSS megjegyzések hozzáadása

A CSS megjegyzés hozzáadásával elég egyszerű. Egyszerűen bookend a megjegyzést a megfelelő nyitó és záró megjegyzés tagek:

• Írja meg a megjegyzést hozzáadásával

  /*

• Zárja be a megjegyzést hozzáadásával

  */

Bármi, ami e két címke között megjelenik, a megjegyzés tartalmát csak a kódban láthatja, és a böngésző nem teszi közzé.

A CSS-megjegyzés tetszőleges számú vonalat vehet fel. Íme két példa:

/ * piros szegély példa * / div # border_red { határ: vékony, vörös szilárd; }/*******************************************************A kód szövegének stílusa*******************************************************/

Breaking Out szakaszok

Sok tervező a kis, könnyen emészthető darabokban formázza a stíluslapokat, amelyeket könnyen leolvashat olvasás közben. Jellemzően láthatod a megjegyzéseket, amelyeket előz meg és követtek sorok kötőjelek, amelyek nagy, nyilvánvaló szünetek létrehozása az oldalon, hogy könnyű látni. Íme egy példa:

/ * ----------------------- Fejléc stílusok ----------------------- ------- * /

Ezek a megjegyzések a kódolás új szakaszának kezdetét jelzik.

"Commenting Out" kód

Mivel a megjegyzés-címkék azt mondják a böngészőnek, hogy figyelmen kívül hagyja mindezeket, használhatja őket a CSS-kód egyes részeinek ideiglenes letiltására. Ez hasznos lehet a hibakeresésnél vagy a weblap formázásakor. Valójában a tervezők gyakran használják őket arra, hogy "kijavítsák" vagy "kikapcsolják" a kódterületeket, hogy lássák, mi történik, ha ez a rész nem része az oldalnak.

Ehhez egyszerűen hozzá kell adnia a nyitó megjegyzés-címkét, mielőtt a kódot ki szeretné kommentálni (letiltani); helyezze el a záró címkét, ahová a fogyatékosságos részt el szeretné érni. A címkék között nincs semmi hatással a webhely vizuális megjelenítésére, amely lehetővé teszi a CSS hibakeresését annak megtekintéséhez, hogy a probléma hol van. Ezután bejöhet és rögzítheti ezt a problémát, és eltávolíthatja a megjegyzéseket a kódból.

CSS kommentáló tippek

Újratöltésként itt néhány tipp, amelyre a CSS-ben szereplő megjegyzések használatára emlékeznék:

1. A megjegyzések több sort is tartalmazhatnak.
2. A megjegyzések közé tartoznak a CSS-elemek is, amelyekre a böngésző nem szeretne megjelenni, de nem kívánja teljesen törölni. Ne feledje, hogy eltávolítja a fel nem használt stílusokat (ellentétben azzal, hogy kommentálta őket), ha úgy dönt, hogy nem kell őket a weboldalon.
3. Érdemes megjegyzéseket használni, ha bonyolult CSS-t írsz a struktúra hozzáadásához, a tervezési döntések tisztázásához, és tájékoztathatsz a jövőbeli fejlesztőkről (vagy emlékeztetsz magadról) a fontos megfontolásokról. Ez a jövőben időt takarít meg az összes résztvevő számára.
4. A megjegyzések közé tartoznak a meta információk, például:
   1. Szerző
   2. A létrehozás dátuma
   3. szerzői jog

Teljesítmény

Bár a túl sok megjegyzés hozzáadásával érheti el a webhely letöltési sebességét és teljesítményét, ne habozzon használni őket. Számos megjegyzésre lenne szükség ahhoz, hogy jelentős negatív hatása legyen. Mint a webdesign sok szempontja is, mindenki egyensúlyba kerül.