Separar el contingut del disseny fa que la gestió del lloc sigui més fàcil
CSS (Fulls d'estil en cascada) s'ha convertit en la forma de facto a l'estil i dissenyar llocs web. Els dissenyadors utilitzen fulls d' estil per indicar a un navegador com s'ha de mostrar un lloc web en termes d'aspecte, que inclou factors com el color, l'espaiat, les fonts i molt més.
Els estils CSS es poden implementar de dues maneres:
- Inline: dins de la codificació de la pròpia pàgina web, en un element individual, element per element
- En un document CSS independent, al qual està enllaçat el lloc web
Bones pràctiques per a CSS
Les "bones pràctiques" són els mètodes de disseny i construcció de llocs web que han demostrat ser els més efectius i per donar més rendibilitat al treball en qüestió. Seguint-los en CSS en disseny web, els llocs web es veuen i funcionen al màxim. Han evolucionat al llarg dels anys juntament amb altres idiomes i tecnologies web, i el full d'estil CSS independent s'ha convertit en el mètode d'ús preferit.
Seguint les millors pràctiques de CSS pot millorar el vostre lloc de la manera següent:
- Separa el contingut del disseny. Un dels principals objectius de CSS és eliminar els elements de disseny de HTML i col·locar-los en una altra ubicació perquè el dissenyador mantingui. Això també serveix per separar els dissenyadors dels desenvolupadors perquè cadascun pugui centrar-se en les seves àrees d'especialització. Un dissenyador no ha de ser un desenvolupador per mantenir l'aspecte d'un lloc web.
- Facilita el manteniment. Un dels elements més ignorats del disseny web és el manteniment. A diferència dels materials impresos, un lloc web mai no és "fet i fet". El contingut, el disseny i la funció poden i han d'evolucionar amb el pas del temps. Tenir el CSS en un lloc central, en comptes d'escampar-lo per tot el lloc web, fa que les coses siguin molt més fàcils de mantenir.
- Manté el vostre lloc accessible. L'ús d'estils CSS ajuda als motors de cerca i als individus discapacitats a interactuar amb el vostre lloc.
- Manté el vostre lloc actual més llarg. Mitjançant l'ús de les millors pràctiques amb CSS, s'adhereixen a estàndards que s'han demostrat de forma estable però prou flexible per adaptar-se al canvi en l'entorn de disseny web.
Els estils en línia no són la millor pràctica
Els estils en línia, tot i que tenen un propòsit, en general no són la millor manera de mantenir el vostre lloc web. Van en contra de totes les millors pràctiques:
- Els estils en línia no separen el contingut del disseny. Els estils en línia són exactament els mateixos que la font incrustada i altres etiquetes clunky de disseny que els desenvolupadors moderns tenen en contra. Els estils només afecten els elements particulars i individuals als quals s'apliquen; mentre que això us permeti obtenir un control més granular, també fa que altres aspectes del disseny i el desenvolupament, com ara la coherència, sigui més difícil.
- Els estils en línia provoquen mals de cap de manteniment. Quan estigueu treballant amb fulls d'estil, esbrinar on es defineix un estil pot ser difícil. Quan tracteu una barreja d' estils inserits i externs en línia, teniu moltes ubicacions per comprovar. Si treballeu en un equip de disseny web o heu de redissenyar o mantenir un lloc construït per una altra persona, tindreu encara més problemes. Una vegada que trobi l'estil i el canvi, haurà de fer-ho en cada element de cada pàgina on ha estat col·locada. Això augmenta els pressupostos de temps i treball astronòmicament.
- Els estils en línia no són tan accessibles. Tot i que un lector de pantalla modern o un altre dispositiu assistent poden gestionar efectivament els atributs i etiquetes en línia, alguns dispositius antics no poden fer-ho, cosa que pot provocar algunes pàgines web estranyes. Els caràcters addicionals i el text poden afectar la manera en què la vostra pàgina també la pot veure un robot de cerca, de manera que la vostra pàgina no funciona també en termes d'optimització de motors de cerca (SEO).
- Els estils en línia fan que les pàgines siguin més grans. Si voleu que tots els paràgrafs del vostre lloc apareguin d'una manera determinada, podeu fer-ho una vegada amb sis línies de codi en un full d'estiu extern. Si ho feu amb estils en línia, però, heu d'afegir aquests estils a cada paràgraf del vostre lloc. Si teniu cinc línies de CSS, es tracta de cinc línies multiplicades per cada paràgraf del vostre lloc. Aquest ample de banda i el temps de càrrega poden augmentar-se amb pressa.
L'alternativa als estils en línia: fulls d'estils externs
En lloc d'utilitzar estils en línia, utilitzeu fulls d'estil externs . Li donen tots els avantatges de les millors pràctiques de CSS i són fàcils d'usar. Utilitzat d'aquesta manera, tots els estils que s'utilitzen al vostre lloc viuen en un document separat que després es vincula a un document web amb una única línia de codi. Els fulls d'estils externs afecten qualsevol document al qual estan connectats. Això vol dir que, si teniu un lloc web de 20 pàgines on cada pàgina utilitza el mateix full d'estils, que normalment és com es fa, podeu fer un canvi a totes aquestes pàgines simplement editant aquests estils una vegada, en un sol lloc. Canviar estils en un sol lloc és infinitament més convenient que buscar aquesta codificació a cada pàgina del vostre lloc web. Això facilita molt la gestió del lloc a llarg termini.