`
qishuai
  • 浏览: 38889 次
  • 性别: Icon_minigender_1
  • 来自: 南通
社区版块
存档分类
最新评论

DIV+CSS命名规范有助于SEO

    博客分类:
  • html
阅读更多
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
注册:register
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight



1.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

2.样式文件命名

主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式:print.css
主题:themes.css
http://www.jqueryba.com/10.html
0
0
分享到:
评论

相关推荐

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

    4. **利于无障碍访问**:良好的CSS命名也有助于无障碍阅读工具理解页面结构,这对提升用户体验和SEO都是有益的。 5. **优化移动设备**:响应式设计需要CSS来实现,合理的命名有利于移动优先的SEO策略。 **三、实践...

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

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

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

    这种技术让网页设计更加灵活,可维护性更强,同时也有助于提高网页的加载速度和SEO优化。 【描述】:“搜集整理100套DIV+CSS网站样式模板” 这个资源包中的每一套模板都展示了不同的设计风格和功能实现,涵盖了...

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

    通过遵循这些命名规则,网页设计师可以创建出更有序、易读且易于维护的CSS代码,同时也有助于提升网站在搜索引擎中的排名,从而实现更好的SEO效果。良好的命名习惯可以降低维护成本,提高团队协作效率,确保项目长期...

    XHTML+DIV+CSS

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

    div+css书写规范

    【div+css书写规范】是前端开发中的一个重要概念,它涉及到网页布局和样式的组织方式。下面将详细讲解其中的知识点: 1. **文件命名规范**: ...同时,良好的CSS组织方式也有利于SEO优化,提升网站性能。

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

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

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

    本文主要讨论如何使用`DIV+CSS`布局来构建班级网站,并分享一些`DIV`命名规范和设计网页时的注意事项。 一、网站布局结构 1. 网页通常由几个主要部分组成:网页头部、主体和尾部。在`DIV+CSS`布局中,这些部分可以...

    2天掌握DIV+CSS网页制作技术

    - 使用xHTML+CSS有助于提升网页在搜索引擎中的排名,因为它使代码更清晰、简洁,便于搜索引擎爬虫理解和索引。 4. **基础四:CSS如何控制页面** - CSS通过选择器选取HTML元素,并应用样式,实现对页面元素的颜色...

    2天学会DIV+CSS最新版

    例如,使用`<header>`来表示页面头部,使用`<footer>`来表示页面底部,这些标签不仅有助于搜索引擎优化(SEO),也有助于无障碍访问。 **1.1.2 DIV+CSS 将你引入误区** - **误区解释**:仅仅依赖`<div>`标签进行...

    DIV+CSS模板分析

    这也有助于搜索引擎优化(SEO),因为搜索引擎更偏爱结构化的HTML。 2. **提高页面加载速度**:通过CSS,可以减少HTML文件中的样式代码,降低页面大小,从而加快页面加载速度。 3. **可复用性和可维护性**:CSS...

Global site tag (gtag.js) - Google Analytics