¿Cómo debo nombrar mi archivo de hojas de estilo CSS?

¿Cómo debo nombrar mi archivo de hojas de estilo CSS?

¿Cómo debo nombrar mi archivo de hojas de estilo CSS?

VALORACIÓN DEL ARTÍCULO:
5/5


El aspecto o «estilo» de un sitio web está dictado por CSS (Cascading Style Sheets). Este es un archivo que usted agregará al directorio de su sitio web que contendrá las diversas reglas CSS que crean el diseño visual y el diseño de sus páginas.

Aunque los sitios pueden usar, y a menudo usan, múltiples hojas de estilo, no es necesario hacerlo. Puede colocar todas sus reglas CSS en un solo archivo, y realmente hay beneficios al hacerlo, incluyendo un tiempo de carga más rápido y el rendimiento de las páginas, ya que no es necesario que obtengan múltiples archivos. Mientras que los sitios empresariales muy grandes pueden necesitar hojas de estilo separadas a veces, muchos sitios pequeños y medianos pueden hacerlo perfectamente bien con un solo archivo con todas las reglas que sus páginas necesitan. Esto nos lleva a la pregunta «¿Cómo debería llamar a este archivo CSS?»

Índice de contenidos

Conceptos básicos de la Convención de nomenclatura

Al crear una hoja de estilo externa para sus páginas web, debe nombrar el archivo siguiendo convenciones de nomenclatura similares para sus archivos HTML.

No usar caracteres especiales

Sólo debe utilizar las letras a-z, los números 0-9, el guión bajo (_) y los guiones (-) en los nombres de los archivos CSS. Mientras que su sistema de archivos puede permitirle crear archivos con otros caracteres en ellos, su sistema operativo del servidor puede tener problemas con caracteres especiales. Está más seguro usando sólo los caracteres mencionados aquí. Después de todo, incluso si su servidor permite caracteres especiales, puede que no sea el caso si decide cambiar a proveedores de alojamiento en el futuro.

No utilice ningún espacio

Al igual que con los caracteres especiales, los espacios pueden causar problemas en su servidor web. Es una buena idea evitarlos en los nombres de los archivos – incluso debería hacer un esfuerzo para nombrar archivos como PDFs usando estas mismas convenciones, por si alguna vez necesita agregarlos a un sitio web. Si cree firmemente que necesita un espacio para que el nombre del archivo sea más fácil de leer, opte por guiones o guiones bajos. Por ejemplo, en lugar de usar «this is the file.pdf» use «this-is-the-file.pdf».

El nombre del archivo debe comenzar con una carta

Aunque esto no es un requisito absoluto, algunos sistemas tienen problemas con los nombres de archivos que no comienzan con una letra. Por ejemplo, si elige comenzar su archivo con un carácter numérico, esto puede causar problemas en el futuro.

Usar todas las minúsculas

Aunque esto no es necesario para un nombre de archivo, es una buena idea, ya que algunos servidores web distinguen entre mayúsculas y minúsculas, y si olvida y hace referencia al archivo en un caso diferente, no se cargará. Usar caracteres en minúsculas para cada nombre de archivo es siempre una forma inteligente de hacerlo. De hecho, muchos nuevos diseñadores web luchan por recordar hacer esto — su acción por defecto cuando nombran un archivo es ponerle mayúsculas al primer carácter del nombre. Evite esto y hágase el hábito de escribir sólo en minúsculas.

Mantenga el nombre del archivo lo más corto posible

Aunque en la mayoría de los sistemas operativos existe un límite de tamaño de nombre de archivo, es mucho más largo de lo que es razonable para un nombre de archivo CSS. Una buena regla empírica es no más de 20 caracteres para el nombre del archivo sin incluir la extensión. Siendo realistas, cualquier cosa mucho más larga que eso es difícil de manejar con la que trabajar y con la que vincularse de todos modos.

La parte más importante del nombre de su archivo CSS

La parte más importante del nombre del archivo CSS no es el nombre del archivo en sí, sino la extensión. Las extensiones no son necesarias en sistemas Macintosh y Linux, pero es una buena idea incluir una cuando se escribe un archivo CSS. De esta manera, siempre sabrá que se trata de una hoja de estilo y no tendrá que abrir el archivo para determinar qué es en el futuro.

Probablemente no sea una gran sorpresa, pero la extensión de su archivo CSS debería ser..:

.css

Convenciones para Nombrar Archivos CSS

Si sólo vas a tener un archivo CSS en el sitio, puedes nombrarlo como quieras. Uno de los siguientes es preferible:

styles.css o default.css

Si su sitio web va a utilizar varios archivos CSS, nombre las hojas de estilo después de su función para que quede claro cuál es exactamente el propósito de cada archivo. Dado que una página web puede tener múltiples hojas de estilo adjuntas, ayuda a dividir sus estilos en diferentes hojas dependiendo de la función de esa hoja y los estilos dentro de ella. Por ejemplo:

  • Diseño vs. diseño
    diseño.css diseño.css css
  • Secciones de página
    main.css nav.css
  • Todo el sitio con subsecciones
    mainstyles.css subpage.css

Si su sitio web utiliza un marco de trabajo de algún tipo, probablemente notará que utiliza múltiples archivos CSS, cada uno dedicado a diferentes partes de las páginas o aspectos del sitio (tipografía, color, diseño, etc.).

Editado por Jeremy Girard

TAMBIÉN TE INTERESA

casa-airbnb-en-Santa-Cruz-de-Tenerife

Viajar solo: una opción con funciones añadidas en Airbnb

Viajar solo es una experiencia única según testimonios que se lanzan a hacer turismo en solitario. Te ayuda a conocerte a ti mismo más y mejor, te exige sacar tus habilidades sociales para conectar con gente durante la travesía y, al no tener ataduras conyugales, te permite encontrar un ligue allá donde estés. Índice de

sinalogy-BC500-y-TC500

Estas cámaras de videovigilancia de Sinalogy merecen la pena

Las cámaras de videovigilancia son un elemento fundamental para todo aquel quiera reforzar la seguridad en una casa o en una empresa. Recientemente, se ha conocido que la vivienda del jugador del Real Madrid, Rodrygo, era asaltada mientras el delantero disputaba la final de la Copa del Rey en Sevilla. No es la primera que

beneficios-de-chatGPT-para-emprendedores

8 usos de ChatGPT para cualquier emprendedor

Estamos en la era de ChatGPT y el boom de las aplicaciones de inteligencia artificial. Junto al popular desarrollo de OpenAI, han aparecido un sinfín de soluciones para usuarios y empresas. De hecho, se ha popularizado tanto la inteligencia artificial que es necesario parar porque no se sabe hasta qué punto podría ser dañina. Como

Tecnologia Linea de Gol

La tecnología detrás de la Tecnología de la Línea de Gol

La Tecnología de la Línea de Gol utiliza cámaras de alta velocidad para determinar si el balón ha cruzado completamente la línea, asegurando que los goles sean concedidos de manera más precisa. Este sistema se ha vuelto obligatorio en competiciones de fútbol en todo el mundo desde el 2012, y ha tenido un impacto positivo en la eliminación de controversias y en mejorar la experiencia de los aficionados.

iOS-16

¿La última actualización de iOS 16 antes de que llegue iOS 17?

Los expertos en el mundo Apple pensaban que iOS 16 tendría unas cuantas actualizaciones y no han fallado. Los últimos rumores sobre un nuevo desarrollo del sistema operativo de los iPhone apuntan a la versión de iOS 16.6. Y es que apenas se estaba trabajando en la versión de iOS 16.5, cuando un informe de