Oddělení obsahu od návrhu usnadňuje správu webu
CSS (Cascading Style Sheets) se stal de facto způsobem, jak stylovat a rozkládat webové stránky. Návrháři používají stylové šablony, které řeknou prohlížeču, jak by měla být webová stránka zobrazena z hlediska vzhledu, zahrnující takové faktory jako je barva, mezery, písma a mnoho dalších.
Styly CSS lze nasadit dvěma způsoby:
- Inline - v rámci kódování samotné webové stránky, na základě jednotlivých prvků
- V samostatném dokumentu CSS, ke kterému je webová stránka propojena
Nejlepší postupy pro CSS
"Osvědčené postupy" jsou metody navrhování a vytváření webových stránek, které se ukázaly být nejefektivnějšími a poskytly co nejvíce návratnosti za danou práci. Následovat je v CSS v návrhu webových stránek pomáhá webům vypadat a fungovat co nejvíce. V průběhu let se vyvíjely společně s dalšími jazyky a technologiemi na webu a samostatný styl stylu CSS se stal preferovaným způsobem použití.
Podle nejlepších postupů pro službu CSS můžete vylepšit své stránky následujícími způsoby:
- Odděluje obsah od návrhu. Jedním z hlavních cílů CSS je odstranit prvky návrhu z HTML a umístit je na jiném místě, aby návrhář udržel. To také slouží k oddělení projektantů od vývojářů, aby se každý mohl zaměřit na své odborné znalosti. Návrhář nemusí být vývojářem, který by udržoval vzhled webové stránky.
- Usnadňuje údržbu. Jedním z nejvíce přehlížených prvků webového designu je údržba. Na rozdíl od tiskových materiálů není web nikdy "jeden a hotovo". Obsah, design a funkce mohou a měly by se vyvíjet v průběhu času. Maje CSS na centrálním místě, spíše než posypat všemi webovými stránkami, usnadňuje údržbu.
- Udržuje vaše stránky přístupné. Použití stylů CSS pomáhá vyhledávacím nástrojům a osobám se zdravotním postižením komunikovat s vašimi stránkami.
- Udržuje váš web aktuální déle. Využíváte-li osvědčené postupy s CSS, dodržujete standardy, které byly prokázány jako stabilní, ale dostatečně flexibilní, aby vyhovovaly změnám v prostředí webového návrhu.
Inline styly nejsou nejlepší praxí
Inline styly, pokud mají účel, obecně nejsou nejlepší způsob, jak udržet vaše webové stránky. Jsou proti každému z nejlepších postupů:
- Inline styly neoddělují obsah od návrhu. Inline styly jsou přesně stejné jako vložené písmo a jiné nevýrazné designové značky, které moderní vývojáři čelí. Styly ovlivňují pouze jednotlivé, jednotlivé prvky, na které jsou aplikovány. což by vám mohlo poskytnout podrobnější kontrolu, ale také ztěžuje další aspekty návrhu a vývoje - jako je konzistence.
- Inline styly způsobují údržbu bolesti hlavy. Když pracujete se styly, může být obtížné zjistit, kde je nastaven styl. Když se zabýváte směsí inline, embedded a externích stylů , máte mnoho míst, které je třeba zkontrolovat. Pokud pracujete s týmem pro návrh webových stránek nebo potřebujete redesign nebo údržbu webu postaveného někým jiným, budete mít ještě větší problémy. Jakmile zjistíte styl a změníte ho, budete muset učinit tak na každém prvku na každé stránce, kde byla umístěna. To zvyšuje čas a rozpočty práce astronomicky.
- Inline styly nejsou tak dostupné. Zatímco moderní čtečka obrazovky nebo jiná pomůcka může být schopna efektivně zpracovávat inline atributy a tagy efektivně, některé starší zařízení nemohou, což může mít za následek některé podivně zobrazené webové stránky. Přídavné znaky a text mohou mít vliv na to, jak je vaše stránka zobrazována i robotem vyhledávače, takže vaše stránka nevyhovuje optimalizaci vyhledávače (SEO).
- Inline styly dělají vaše stránky větší. Pokud byste chtěli, aby každý odstavec na vašem webu vypadal určitým způsobem, můžete to provést jednou v šesti řádcích kódu v externím stylu. Pokud to děláte s vloženými styly, musíte tyto styly přidat do každého odstavce vašeho webu. Pokud máte pět řádků CSS, je to pět řádků vynásobených každým odstavcem na vašem webu. Tato šířka pásma a doba načítání se mohou zrychlit.
Alternativa k inline stylům: Externí styly
Namísto použití inline stylů použijte externí styly . Poskytují vám všechny výhody CSS osvědčených postupů a jsou snadno použitelné. Tímto způsobem jsou všechny styly použité na vašem webu žít v samostatném dokumentu, který je pak propojen s webovým dokumentem s jediným řádkem kódu. Externí šablony stylů ovlivňují jakýkoli dokument, ke kterému jsou připojeny. To znamená, že pokud máte stránku s 20 stránkami, ve které každá stránka používá stejnou šablonu stylů - což je typické, jak je to provedeno - můžete provést změnu na každé z těchto stránek jednoduše úpravou těchto stylů jednou, na jednom místě. Změna stylů v jednom místě je nekonečně výhodnější než hledání na tomto kódu na každé stránce vašeho webu. To dělá dlouhodobé řízení stránek mnohem jednodušší.