Separar o contido do deseño facilita a xestión do sitio
CSS (Cascading Style Sheets) converteuse no modo de feito ao estilo e distribuíu sitios web. Os deseñadores usan follas de estilo para indicarlle a un navegador como debe mostrarse un sitio en termos de aspecto, incluíndo factores como a cor, o espazo, as fontes e moito máis.
Os estilos CSS poden ser despregados de dous xeitos:
- Inline - dentro da codificación da páxina web en si, nunha base individual, elemento por elemento
- Nun documento autónomo de CSS, ao cal está ligado o sitio
Mellores prácticas para CSS
As "mellores prácticas" son os métodos de deseño e construción de sitios web que demostraron ser o máis efectivo e para dar o máximo rendemento do traballo. Séguenos en CSS no deseño web axuda aos sitios a mirar e funcionar o mellor posible. Eles evolucionaron ao longo dos anos xunto con outros idiomas e tecnoloxías web, ea folla de estilo CSS autónomo converteuse no método de uso preferido.
Seguir as mellores prácticas para CSS pode mellorar o teu sitio das seguintes formas:
- Separa o contido do deseño. Un dos obxectivos principais do CSS é eliminar elementos de deseño de HTML e situalos noutro lugar para que o diseñador siga. Isto tamén serve para separar os deseñadores dos desarrolladores para que cada un poida centrarse nas súas áreas de especialización. Un diseñador non ten que ser un desarrollador para manter o aspecto dun sitio web.
- Facilita o mantemento. Un dos elementos máis ignorados do deseño web é o mantemento. A diferenza dos materiais impresos, un sitio web nunca é "feito e feito". O contido, o deseño ea función poden evolucionar e evolucionar ao longo do tempo. Ter o CSS nun lugar central, en vez de espolvoreo en todo o sitio web, fai as cousas moito máis fáciles de manter.
- Mantén o seu sitio accesible. Usar estilos CSS axuda aos motores de busca e aos individuos con discapacidade a interactuar co teu sitio.
- Mantén o teu sitio actual máis longo. Ao usar as mellores prácticas con CSS, está cumprindo coas normas que se demostraron estables pero o suficientemente flexibles para acomodar o cambio no contorno do deseño web.
Os estilos en liña non son a mellor práctica
Os estilos en liña, mentres teñen un propósito, xeralmente non son a mellor forma de manter o seu sitio web. Van contra cada unha das mellores prácticas:
- Os estilos en liña non separan o contido do deseño. Os estilos en liña son exactamente os mesmos que os tipos de letra incorporados e outras etiquetas clunky que os desenvolvedores modernos enfróntanse. Os estilos afectan só os determinados elementos individuais aos que se aplican; mentres que isto pode darlle un control máis granular, tamén fai que outros aspectos do deseño e desenvolvemento, como a coherencia, sexan máis difíciles.
- Os estilos en liña provocan dores de cabeza de mantemento. Cando estás traballando con follas de estilo, descubrir onde se está a configurar un estilo pode ser difícil. Cando estás lidando cunha mestura de estilos en liña, incrustados e externos , tes moitas localizacións para comprobar. Se traballas nun equipo de deseño web ou tes que redeseñar ou manter un sitio construído por outra persoa, terás máis problemas. Unha vez que atopes o estilo e cámbialo, terás que facelo en cada elemento de cada páxina onde se colocou. Isto aumenta os orzamentos de tempo e traballo astronómicamente.
- Os estilos en liña non son tan accesibles. Mentres un lector de pantalla moderno ou outro dispositivo asistente pode manexar efectivamente os atributos e etiquetas en liña, algúns dispositivos máis antigos non poden, o que pode provocar algunhas páxinas web extrañamente amosadas. Os caracteres adicionais e o texto poden afectar a forma en que a túa páxina é vista por un robot de motores de busca, así que a túa páxina non funciona tan ben en termos de optimización de motores de busca (SEO).
- Os estilos en liña fan que as páxinas sexan máis grandes. Se desexa que apareza un determinado parágrafo no seu sitio, pode facelo unha vez con seis liñas ou máis de código nunha folla de estilo externa. Se o fai cos estilos en liña, con todo, debes engadir estes estilos a cada parágrafo do teu sitio. Se tes cinco liñas de CSS, hai cinco liñas multiplicadas por cada parágrafo do teu sitio. Ese ancho de banda e o tempo de carga poden aumentar a présa.
A alternativa aos estilos en liña: follas de estilo externas
No canto de usar estilos en liña, use follas de estilo externas . Eles che dan todos os beneficios das mellores prácticas de CSS e son fáciles de usar. Empregado deste xeito, todos os estilos utilizados no seu sitio web viven nun documento separado que logo está ligado a un documento web cunha única liña de código. As follas de estilo externas afectan calquera documento ao que están ligados. Isto significa que se ten un sitio web de 20 páxinas en que cada páxina usa a mesma folla de estilo, que normalmente é como se fai, podes facer un cambio a cada unha destas páxinas simplemente editando eses estilos unha vez nun só lugar. Cambiar os estilos nun só lugar é infinitamente máis conveniente que buscar esa codificación en cada páxina do teu sitio web. Isto facilita moito a xestión de sitios a longo prazo.