`
LD_21
  • 浏览: 129418 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

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

    博客分类：
  • ui
ui 
阅读更多
搜索引擎优化(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

0
顶
2
踩
分享到：
| 常见的图像文件格式又有哪些呢？
评论
1 楼 yangzhihuan 2010-05-02  
命名跟SEO有啥关系呢?
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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文件），这有利于代码的复用和维护。 - **双表法**：有时会采用“双表法”调用样式表，即同时引用两个或多个样式表文件，这种方式主要用于兼容性处理或条件加载。 #...

Magicbox
Global site tag (gtag.js) - Google Analytics