Styletägeissä

Styletägeissä on suomenkielinen termi, jolla viitataan HTML-dokumenteissa käytettyihin style-tägeihin eli style-elementteihin. Style-tägit mahdollistavat CSS-koodin upottamisen suoraan HTML-tiedostoon.

Syntaksi ja sijoittelu: Style-tägi avataan ja suljetaan kuten <style> CSS-koodi tässä </style>. Sijoitus on tavallisesti dokumentin head-osiossa, mutta HTML5 sallii niiden käytön myös bodyssa. Style-tägeissä kirjoitettu CSS vaikuttaa siihen dokumenttiin, jonka sisällä tägit ovat, ja niihin voidaan sisällyttää muun muassa @media- ja @font-face -määrityksiä.

Käyttö ja harkinta: Internal CSS style-tägejä käytetään usein pienissä projekteissa, nopeissa prototyypeissä tai tilanteissa, joissa ei haluta erillistä CSS-tiedostoa. Suuremmissa verkkosivustoissa ulkoisen CSS-tiedoston käyttö on suositumpaa, sillä se parantaa uudelleenkäytettävyyttä, välimuistia ja ylläpitoa. Web-standardeissa style-tägien rooli voi korostua erityisesti web-komponenteissa, joissa tyylit voidaan kapseloida Shadow DOMiin.

Turvallisuus ja saavutettavuus: Inline-tyylien käyttöä ohjataan usein Content Security Policy -määrittelyillä; style-src voi hyväksyä nonce- tai hash-tunnisteet. Lisäksi on tärkeää varmistaa, että CSS ei heikennä saavutettavuutta esimerkiksi riittämättömien kontrastien tai lukukelpoisen rakenteen vuoksi.

Yhteenveto: Styletägeissä kuvaa tilapäistä CSS-koodin upottamista HTML-dokumenttiin. Niillä on käyttötarkoituksia sekä etuja että rajoituksia; suurin osa ammattikäytöstä nojautuu kuitenkin ulkoisiin tyylitiedostoihin.