`
pumaboyd
  • 浏览: 249711 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

DIV CSS 命名规范增强SEO【转贴】

阅读更多

我不知道是否真的有效果,但看到这篇文章的时候觉的有一点可以肯定。可以规范我们在HTML代码开发中的命名规范。文章提到的相应EN名称,其实在很多WEB开发中都会用到。对于采用DIV+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

引用:http://l4ever.cn/archives/875

Google 标记: SEO, HTML代码命名规范
分享到:
评论

相关推荐

    div css命名规范

    在网页设计中,CSS(Cascading Style Sheets)命名规范是一个关键方面,它有助于提高代码的可读性、可维护性和团队协作效率。以下是一些常见的CSS命名规则和相关知识点: 1. **头部(Header)**:通常用`header`来...

    div+css命名规范

    ### DIV+CSS命名规范 #### 一、概述 在网页设计与开发过程中,合理的命名规范对于提高代码可读性、可维护性和团队协作效率至关重要。本文档将详细阐述一套适用于初学者的`div+css`命名规则,帮助开发者建立起良好...

    DIV+CSS命名规范有助于SEO

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

    DIV+CSS规范命名大全集合

    ### DIV+CSS规范命名大全集合 #### CSS规范命名与实践指南 在网页设计与开发过程中,DIV+CSS的布局方式已经成为了业界的标准做法之一。合理的命名规则不仅能够提高代码的可读性和可维护性,还能有效提升团队协作...

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

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

    CSS命名规范CSS命名规范

    CSS 命名规范和 CSS 书写规范 一、CSS 命名规范 CSS 命名规范是指在编写 CSS 代码时,遵守一定的命名规则,以便于代码的阅读、维护和重用。下面是一些常用的 CSS 命名规范: * 文件命名规范:global.css、layout....

    CSS命名规范(个人总结)

    在CSS开发中,保持良好的命名规范对于代码的可读性和维护性至关重要。以下是一些关于CSS命名规范的关键点,这些都是基于个人经验的总结: 1. **大小写规则**:推荐使用小写字母来编写CSS选择器,这符合CSS标准且...

    div css命名规范 css class命名规则(符合SEO规范)

    总之,合理的CSS和DIV命名规范对于提高SEO效果至关重要。一套好的命名规范应该简洁、易读、具有描述性,并且符合网站的结构和内容。在遵循这些规则的同时,开发者还应该不断测试和改进,确保网站的性能和可访问性...

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

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

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

    **一、CSS命名规范** 1. **有意义的命名**:避免使用无意义的ID或类名,如“div1”,“box”等。应采用描述性的名称,如“header”、“content”、“footer”等,这能帮助搜索引擎理解页面结构。 2. **简洁性**:...

    DIV+CSS命名规范.docx

    在使用`DIV+CSS`时,良好的命名规范至关重要,因为它能帮助开发者更好地理解代码结构,提高开发效率,同时也有利于团队协作和后期维护。 首先,`DIV`是HTML中的一个无语义的块级元素,常用于创建页面布局。在`CSS`...

    DIV+CSS命名规范.pdf

    以下是对标题和描述中涉及的`DIV+CSS`命名规范的详细说明: 1. **命名原则**: - `ID`通常用于唯一标识页面上的特定元素,比如`#header`代表页面头部,而`class`可以用于多个元素,如`.menu`可能应用于多个菜单项...

    div+css例子 div+css例子

    div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...

    【DIV+CSS学习笔记】CSS样式命名规范

    【CSS样式命名规范】在网页设计中,CSS(层叠样式表)的使用极大地提高了页面的可维护性和可扩展性。良好的CSS命名规范是保证代码可读性、可维护性的关键,也是团队协作中必不可少的一环。以下是关于CSS命名的一些...

    css规范与seo

    ### DIV+CSS命名规范对SEO的影响 1. **语义化命名**:采用语义化的命名方式,如使用`header`、`footer`、`nav`等标签,不仅提高了代码的可读性,也有助于搜索引擎理解页面结构,从而提升SEO效果。 2. **结构清晰**...

Global site tag (gtag.js) - Google Analytics