div css取名标准 css class取名标准(合乎SEO标准)

2021-03-21 13:30 jianzhan
检索模块提升(seo)有许多工作中要做,在其中对编码的提升是1个很重要的流程。以便更为合乎SEO的标准,
下面是现阶段时兴的CSS+DIV的取名标准:

页头:header
登陆条:loginBar
标示:logo
侧栏:sideBar
广告宣传:banner

导航栏:nav
子导航栏:subNav
菜单:menu
子菜单:subMenu
检索:search
翻转:scroll

网页页面行为主体:main
內容:content/container/box
标识页:tab
文章内容目录:list
提醒信息内容:msg
小窍门:tips
栏总体目标题:title

添加:joinus
指南:guild
服务:service
网络热点:hot
新闻:news
免费下载:download
申请注册:regsiter
情况:status

按钮:btn
网络投票:vote
友谊连接:friendLink
页脚:footer
协作小伙伴:partner
版权:copyRight

CSSID的取名
外套:wrap
主导航栏:mainNav
子导航栏:subnav
页眉:header
页脚:footer
全部网页页面:main

商标logo:label
题目:title
主导航栏:mainNav(globalNav)
顶导航栏:topnav
边导航栏:sidebar
左导航栏:leftsideBar
右导航栏:rightsideBar
旗志:logo
宣传语:banner
菜单內容1:menu1Content
菜单容量:menuContainer

器皿:container/box
內容:content
子菜单:submenu
边导航栏标志:sidebaricon
注解:note
检索:search
登录:login
作用区:shop(如买东西车,消费收银台)
当今的current

面包屑:breadCrumb(即网页页面所处部位导航栏提醒)

款式文档取名
关键的:master.css
合理布局版面:layout.css
专栏:columns.css
文本:font.css
复印款式:print.css
主题:themes.css
通用性:common.css/public