`
seekgirl
  • 浏览: 79125 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Div+css命名规则-增强SEO

CSS 
阅读更多

页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendLink
页脚:footer
版权:copyRight

1.CSS ID 的命名
外 套:  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

2.另外在编辑样式表时可用的注释可这样写:
<– Footer –>
内容区
<– End Footer –>

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

相关推荐

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

    而良好的`div+css`命名规则对于提高网站的SEO(搜索引擎优化)至关重要,因为清晰、规范的命名可以帮助搜索引擎更好地理解网页内容,从而提高网页的排名。 1. **命名原则**: - **有意义**:名称应直观地反映出...

    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命名规则.docx

    以下是一些常见的`Div+CSS`命名规则: 1. **Class的命名**: - `header`:代表页面的头部区域。 - `loginBar`:标识登录表单或区域。 - `logo`:用于放置网站标志的元素。 - `sideBar`:表示侧边栏。 - `...

    DIV+CSS命名规范有助于SEO

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

    DIV+CSS实用手册

    【DIV+CSS实用手册】是关于网页设计领域中的一种布局技术的总结,主要涉及如何使用div元素配合CSS样式表来构建网页布局。这种技术在现代网页设计中占据着核心地位,因为它实现了内容与表现的分离,提高了网页的可...

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

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

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

    ### 有利于SEO的DIV+CSS的命名规则 在当今互联网时代,搜索引擎优化(SEO)对于网站来说至关重要。良好的SEO能够帮助提高网站在搜索引擎中的排名,从而吸引更多的流量。其中一个重要的方面就是网页代码的优化,尤其...

    XHTML+DIV+CSS

    在IT领域,网页制作是至关重要的技能之一,而XHTML、DIV+CSS是构建静态网页的基础工具。XHTML(eXtensible Hypertext Markup Language)是HTML(HyperText Markup Language)与XML(Extensible Markup Language)的...

    DIV+CSS布局网站主页及DIV命名-领创教育.docx

    【DIV+CSS布局网站主页及DIV命名】 在网站设计中,`DIV+CSS`布局是一种广泛应用的方法,它将网页的结构(HTML中的`DIV`元素)与表现(CSS样式)分离,提高了网页的可维护性和搜索引擎优化(SEO)。本文主要讨论如何...

    网页设计div+CSS布局大全

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

    DIV+CSS布局大全

    ### DIV+CSS布局大全知识点详解 #### 一、DIV+CSS布局入门 ##### CSS处理页面原理 - **重点理解**:CSS布局的核心在于理解和利用CSS处理页面的方式。首先要明确的是,CSS关注的是页面的样式与表现,而HTML则侧重于...

    纯净的div+Css模板

    在网页设计领域,"div+CSS模板"是一种广泛采用的布局技术,旨在实现网页内容与样式的分离。这种技术能够使网页结构清晰、代码简洁,同时提供更好的可维护性和适应性。下面我们将深入探讨"纯净的div+CSS模板"相关的...

Global site tag (gtag.js) - Google Analytics