css name should be be?

Question

estoy haciendo una hoja de estilo para un sitio web. ¿El nombre del estilo css debe estar relacionado con el sitio web o el contenido?

mi sitio Web se trata de Web development.is que el derecho a usar el estilo nombre-

#web-development-header 

.web-development-company-london-content 

o deben utilizar

#header 
.content 

es el nombre de estilo CSS puede ayudar para el SEO?

Answer 1

Elija nombres relacionados con el contenido, que serían fáciles de mantener. Cadenas más largas significan más tiempo para cargar la página. Y los nombres de estilo CSS no tienen nada que ver con SEO.

Answer 2

Elija la convención de nomenclatura de contenido.

Un consejo, usar nombres que no describen salida visual porque salida visual puede cambiar y luego el nombre de la clase CSS o la identificación es engañosa.

Por ejemplo, si .redtext cambia a azul por los diseñadores, entonces el nombre de la clase es engañoso y el esfuerzo de encontrar y reemplazar es laborioso.

Recomiendo elegir nombres como .warningtext en lugar de .redtext.

Answer 3

Mientras que en este momento estás construyendo un sitio para una empresa de desarrollo web en Londres, ¿qué ocurre cuando quieres reutilizar el código para una empresa de desarrollo web en Nueva York? ¿o qué tal una tienda de manualidades en Londres? Parece trivial ahora, ya que estás escribiendo el código, pero ¿y si tienes un equipo? La mejor práctica es usar nombres que tengan sentido para la página en cuestión. Si usted trae a la página en la pantalla, a nadie debe ser capaz de identificar los principales componentes: encabezado, pie, navegación, etc., etc.

Mientras que las identificaciones y las clases deben ser descriptivos como Christoper Altman publicado (v .warningtext.redtext) no hay necesidad de sobrecargarlos con información (.thisTextAppearsWhenTheUserEntersTheirNameInThePhoneNumberArea es un poco tonto) por lo que hay que lograr un equilibrio. Generalmente, como regla, trato de usar la descripción mínima para etiquetar específicamente una sección, tanto para simplificar la apariencia de mis códigos como mi obsesión enfermiza por la velocidad.

En resumen, si todo lo que necesita para identificar correctamente una sección es el encabezado, utilice el encabezado. No es necesario introducir más información si no tiene un propósito.

Answer 4

Todas las otras respuestas son grandes, pero no se olvide que usted puede también CSS nido, que puede darle más flexibilidad en su convención de nombres y le permiten usar nombres cortos y simples:

#header {} 
    #header #left {} 
    #header #right {} 
.content {} 
    .content #left {} 
    .content #right {} 



<div id="header"> 
    <div id="left"></div> 
    <div id="right"></div> 
</div> 

<div class="content"> 
    <div id="left"></div> 
    <div id="right"></div> 
</div>