Kaj so Notranji slogovni vzorci
Notranji slogi so slogi, ki se nahajajo v dokumentu HTML. Ti slogi vplivajo samo na dokument, v katerem so, in jih ni mogoče sklicevati z nobenim drugim spletnim dokumentom.
Prednosti notranjih slogov
- Listi notranjih slogov vplivajo samo na stran, na kateri so.
- Če delate na velikem spletnem mestu in morate preizkusiti sloge, preden jih naložite na spletno stran kot celoto, so lahko notranji slogovni listi odlično orodje. Ti vam omogočajo, da preizkusite sloge v kontekstu celotnega spletnega mesta, ne da bi pri tem zlomili nobeno stran, temveč tisto, ki jo preskušate.
- Notranji slogovni listi lahko uporabljajo razrede in ID-je.
- V nasprotju z vrsticami v slogu lahko notranji slogovni listi še vedno izkoristijo razrede, ID-je, brate in druge elemente.
- Notranji slogovni listi ne zahtevajo, da naložite več datotek.
- To je še posebej uporabno, ko delate s stvarmi, kot so e-pošta ali kioski, kjer imate na voljo samo eno datoteko HTML za urejanje. Pogosto uporabljam inline stile, ko nisem prepričan, kakšen URL bo nalepka s slogom naložena v CMS - ohranjanje slogov z dokumentom pomeni, da vem, kateri slogi vplivajo na ta dokument.
- Notranji slogi imajo lahko prednost pred zunanjimi listi slogov.
- To določi vrstni red, v katerem se nalagajo zunanji listi slogov. Spletni razvijalec strani ima nadzor nad tem, kje bodo notranji slogi postavljeni v glavo dokumenta. Če so postavljeni po povezavi z zunanjimi slogi, bodo imeli v kaskadi višjo prednost in bodo presegli zunanji slogovni list.
Slabosti notranjih slogov
- Nanašajo se samo na stran, na kateri so.
- Če želite uporabiti iste sloge v več dokumentih, jih morate ponoviti za vsako stran (ali povezavo na zunanji slogovni list).
- Notranji slogni listi povečujejo čas nalaganja strani.
- Vsaka stran z notranjim slogovnim listom mora ob vsakem nalaganju strani natisniti in razčleniti informacije o slognem listu. Zunanji listi slogov predpomnijo brskalniki - kar izboljša čas nalaganja za vsako stran po prvem nalaganju.
Kako napisati interni slog
element:
- V svojem spletnem urejevalniku odprite dokument HTML.
- V nadaljevanju dodajte naslednje
Celoten notranji slogovni videz bo izgledal takole:
