良好的DIV+CSS的命名规则有利于SEO优化
一、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 (三列中的第三列)
(编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |