良好的DIV+CSS的命名规则有利于SEO优化

概述一、CSS文件及样式命名 1、CSS文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 2、CSS样式命名规范 本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大…

一、CSS文件及样式命名

1、CSS文件命名规范

全局样式：global.CSS；

框架布局：layout.CSS；

字体样式：Font.CSS；

链接样式：link.CSS；

打印样式：print.CSS；

2、CSS样式命名规范

本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数字。为了开发后样式名管理方便，大家请用有意义的单词或缩写组合来命名，让同事一看就明白这样式大概是哪一块的，这样就节省了查找样式的时间，例如：

头部样式用header，头部左边，可以用header_left或header_l,还有如果是列结构的可以这样——Box _1of3 (三列中的第一列)，Box_2of3 (三列中的第二列)、Box _3of3 (三列中的第三列)，其它的我就不一一举例了，大家按以上规律去命名就好。

下面列出一些常用的命名单词方便大家使用：（以后大家工作过程中慢慢把自己积累的单词都共享出来，那大家的命就会更加统一了，就不会有一义多词的情况了。）

容 器：container/Box

头 部：header

主 导 航：mainNav

子 导 航：subNav

顶 导 航：topNav

网站标志：logo

大 广 告：banner

页面中部：mainBody

底 部：footer

菜 单：menu

菜单内容：menuContent

子 菜 单：subMenu

子菜单内容：subMenuContent

搜 索：search

搜索关键字：keyword

搜索范围：range

标签文字：tagTitle

标签内容：tagContent

当前标签：tagCurrent/currentTag

标　 题：Title

内 容：content

列 表：List

当前位置：currentPath

侧 边 栏：sIDebar

图 标：icon

注 释：note

登 录：login

注 册：register

列 定 义：column_1of3 (三列中的第一列)

column_2of3 (三列中的第二列)

column_3of3 (三列中的第三列)

总结

以上是内存溢出为你收集整理的良好的DIV+CSS的命名规则有利于SEO优化全部内容，希望文章能够帮你解决良好的DIV+CSS的命名规则有利于SEO优化所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。