`

有利于SEO的DIV+CSS的命名规则

阅读更多
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则:
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight


CSSID的命名
外套:wrap
主导航:mainNav
子导航:subnav
页脚:footer
整个页面:content
页眉:header
页脚:footer
商标:label
标题:title
主导航:mainNav(globalNav)
顶导航:topnav
边导航:sidebar
左导航:leftsideBar
右导航:rightsideBar
旗志:logo
标语:banner
菜单内容1:menu1Content
菜单容量:menuContainer
子菜单:submenu
边导航图标:sidebarIcon
注释:note
面包屑:breadCrumb(即页面所处位置导航提示)
容器:container
内容:content
搜索:search
登陆:login
功能区:shop(如购物车,收银台)
当前的current


样式文件命名
主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式:print.css
主题:themes.css

文章出处:标准之路(http://www.aa25.cn/web_w3c/248.shtml)
分享到:
评论

相关推荐

    SEO优化中的DIV+CSS命名规则

    SEO优化中的DIV+CSS命名规则,能减少DIV css,增加加载速度,更加有利于搜索的收录

    SEO优化中的div+css命名规则

    下面将详细介绍SEO优化中的div+css命名规则及其对搜索引擎友好性的影响。 首先,理解div+css的基本概念。Div是HTML中的一个通用容器元素,用于组合其他HTML元素,而CSS则用于控制页面的样式和布局。在SEO角度,使用...

    网页设计中DIV+CSS命名规则

    网页设计中的DIV+CSS命名规则是构建高效、可维护性和SEO友好的网站界面的重要组成部分。在Web 2.0标准中,使用DIV+CSS技术能够提高网页的结构化程度,利于搜索引擎优化,使得网站更容易被搜索引擎抓取和理解。下面...

    div+css命名规则-增强SEO.doc

    综上所述,`div+css`命名规则的遵循不仅有助于提升网站的SEO,还方便了开发人员的代码维护和团队协作。通过使用一致、有描述性的命名,可以创建出结构清晰、可读性强的网页结构,同时也能帮助搜索引擎更有效地抓取和...

    div+css命名规则.docx

    遵循这些命名规则,可以提高代码的可读性和可维护性,同时也有利于搜索引擎理解和索引页面内容,从而提升SEO效果。在实际开发中,还可以根据项目需求进行适当的调整和扩展,以满足特定的设计和功能要求。

    DIV+CSS命名规范有助于SEO

    ### DIV+CSS命名规范的重要性及对SEO的影响 在前端开发领域,DIV+CSS是一种非常重要的网页布局技术。其中,合理的命名规范不仅能够提高代码的可读性和可维护性,还能间接促进网站的搜索引擎优化(SEO)。本文将详细...

    DIV+CSS实用手册

    4. **提高搜索引擎优化**:内容与样式分离有利于搜索引擎更好地理解页面内容,提升SEO排名。 在实际使用中,何时选择使用DIV?通常,当你需要创建一个大块的区域,比如页面头部、主体部分或者侧边栏时,使用DIV是...

    搜集整理100套DIV+CSS网站样式模板

    【标题】:“搜集整理100套DIV+CSS网站样式模板” 这100套DIV+CSS网站样式模板集合是一个宝贵的资源库,旨在为网页设计师和开发者提供丰富的设计灵感和实用的代码示例。DIV+CSS是现代网页布局的基础,通过使用HTML...

    XHTML+DIV+CSS

    这使得代码更规范,有助于搜索引擎优化(SEO)和更好的跨浏览器兼容性。例如,一个简单的XHTML段落标签`<p>`在XHTML中必须写成`<p></p>`,而不能像HTML那样只写`<p>`。此外,XHTML支持XML的命名空间,使得与其他XML...

    有利于SEO的DIV+CSS的命名规则小结

    以下是一些关于如何创建有利于SEO的DIV+CSS命名规则的要点: 1. **CSS文件及样式命名规范**: - **全局样式**:通常命名为`global.css`,包含通用的样式定义。 - **框架布局**:`layout.css`用于定义页面的整体...

    网页设计div+CSS布局大全

    网页设计作为IT行业中重要的领域之一,其中的div+CSS布局技术是前端开发的基础,也是每个网站开发者必须掌握的核心技能。div元素和CSS样式表共同构成了现代网页设计的基础框架,通过合理使用div对页面进行布局,再...

    纯净的div+Css模板

    此外,由于代码结构清晰,这种模板也有利于SEO优化,提高网页在搜索引擎中的排名。 总结来说,"纯净的div+CSS模板"是网页设计中的一种高效工具,它结合了HTML的结构化和CSS的样式化,使得网页设计更加灵活且易于...

    DIV+CSS布局大全

    - **外部调用**:推荐使用外部样式表文件(如.css文件),这有利于代码的复用和维护。 - **双表法**:有时会采用“双表法”调用样式表,即同时引用两个或多个样式表文件,这种方式主要用于兼容性处理或条件加载。 #...

Global site tag (gtag.js) - Google Analytics