div css命名规范 css class命名规则(符合SEO规范)
            (编辑:jimmy 日期: 2025/11/4 浏览:2)
         
        搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合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 
商标: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
 
        
        
    
    荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?