对SEO优化有一定作用的DIV+CSS命名规则

news/2024/5/9 12:01:27/文章来源:https://blog.csdn.net/weixin_34419321/article/details/91796823

为什么80%的码农都做不了架构师?>>>   hot3.png

SEO(搜索引擎优化)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下:

页头: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

转载于:https://my.oschina.net/idufei/blog/42685

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_794471.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CJC(一): ToStringBuilder两种方法用法优缺点及一个问题 - rmn190 - ITeye技术网站

CJC(一): ToStringBuilder两种方法用法优缺点及一个问题 - rmn190 - ITeye技术网站CJC(一): ToStringBuilder两种方法用法优缺点及一个问题 博客分类&#xff1a;Source Codes Study设计模式F#Security CJC是Common Java Cookbook的缩写, 这是一本介绍ApacheCommon开源项目的电…

大型网站架构演变的知识体系

之前也有一些介绍大型网站架构演变的文章&#xff0c;例如LiveJournal的、ebay的&#xff0c;都是非常值得参考的&#xff0c;不过感觉他们讲的更多的是每次演变的结果&#xff0c;而没有很详细的讲为什么需要做这样的演变&#xff0c;再加上近来感觉有不少同学都很难明白为什么…

大流量网站的底层系统架构

为什么80%的码农都做不了架构师&#xff1f;>>> 动态应用&#xff0c;是相对于网站静态内容而言&#xff0c; 是指以c/c、php、Java、perl、.net等 服务器端语言开发的网络应用软件&#xff0c;比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通 常与数据…

windows8 安装IIS 和 添加网站(转)

Internet Information Services&#xff08;IIS&#xff0c;互联网信息服务&#xff09;&#xff0c;是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本的可选包&#xff0c;随后内置在Windows 2000、Windows XP Professional和Windows Serv…

如何在IIS6,7中部署ASP.NET网站

原文地址为&#xff1a; 如何在IIS6,7中部署ASP.NET网站在我的第一篇博客中&#xff0c;我发布过一个示例项目&#xff0c;主要演示了我的我的AJAX框架和我的通用数据访问层。虽然在当初我认为我已考虑地比较周全了&#xff0c;而且还提供了足够的说明文档&#xff0c;但在发布…

我设计的网站的分布式架构

原文地址为&#xff1a; 我设计的网站的分布式架构互联网的网站和大部分企业管理软件一样都是使用B/S架构模型&#xff0c;但是大型的公共网站B/S架构会更加复杂&#xff0c;对架构人员的要求更高&#xff0c;今天我想在自己博客里聊聊我设计的网站的B/S技术架构。 不管是B/S架…

Python+Django+Eclipse 在Windows下快速开发自己的网站

原文地址为&#xff1a; PythonDjangoEclipse 在Windows下快速开发自己的网站一、配置开发环境 我的开发环境是&#xff1a;Python3.3.2 Django1.5.2 Eclipse 1、安装Python 下载地址&#xff1a;http://www.python.org/getit/ 安装完成后为了方便可以配置下环境变量&…

大型网站架构不得不考虑的10个问题

2019独角兽企业重金招聘Python工程师标准>>> 这里的大型网站架构只包括高互动性高交互性的数据型大型网站&#xff0c;基于大家众所周知的原因&#xff0c;我们就不谈新闻类和一些依靠HTML静态化就可以实现的架构了&#xff0c;我们以高负载高数据交换高数据流动性的…

万网稳居国内域名网站榜首 西部数码跃居第二

据国际统计机构Alexa公布的最新数据显示&#xff0c;4月第二周&#xff08;4月9日-4月15日&#xff09;&#xff0c;国内域名主机网站覆盖率最高的仍旧是中国万网&#xff0c;达 1730。西部数码跃居第二&#xff0c;达620。易名中国跌至第三&#xff0c;达570。下面&#xff0c…

MYSQL数据库自动本地/异地双备份/MYSQL增量备份[连载之构建百万访问量电子商务网站]...

MYSQL数据库自动本地/异地双备份/MYSQL增量备份[连载之构建百万访问量电子商务网站]出处&#xff1a;http://jimmyli.blog.51cto.com/我站在巨人肩膀上Jimmy Li 作者&#xff1a;Jimmy Li 关键词&#xff1a;网站,电子商务,Shell,自动备份,异地备份 ------[连载之电子商务系统架…

网站备案流程

网站备案的备案流程 1、阿里备案的登录账号和阿里服务器的账号不是同一个&#xff0c;需要重新注册 2、账号注册成功后重新登录进入&#xff0c;填写企业资料&#xff08;如果是个人备案填写个人资料&#xff09; 3、填写产品信息 4、填写主体信息 5、填写网站信息&#xff0c;…

网站侵权处理案例

一个案例&#xff0c;和你的情况得很相像&#xff0c;看一下。很长&#xff0c;但详细。从中国网页第一侵权案看网络纠纷的管辖权问题原告&#xff1a;瑞得&#xff08;集团&#xff09;公司被告&#xff1a;东方信息服务公司&#xff08;简称东方公司&#xff09; 〔案情介绍〕…

Screenfly – 各种设备的屏幕和分辨率下快速测试网站

Screenfly 让你能够在各种设备的屏幕和分辨率下查看你的网站。输入网址&#xff0c;并点击GO开始浏览网页。Screenfly 可以使用代理服务器来模拟设备&#xff0c;当您查看您的网站&#xff0c;代理服务器模仿您所选择的设备的用户代理字符串。 您可能感兴趣的相关文章特别推荐&…

如何解决Chrome首页被流氓网站劫持的问题?

如何解决Chrome首页被流氓网站劫持的问题? 点击这里查看解决流氓网站劫持的方法。 以上方法解决不了&#xff0c;参考以下的 通过chrome://view 查看命令行处是否有异常网址&#xff0c;如果有可能考虑如下方式解决 Chrome命令行参数畅谈&#xff08;一&#xff09; 命令行…

SharePoint 2013 图文开发系列之网站栏

转载自&#xff1a;http://www.cnblogs.com/jianyus/p/3463880.html 网站栏的本质&#xff0c;就是一个xml的描述文件&#xff0c;所以创建过程&#xff0c;基本就是通过Feature部署一个Xml文件&#xff0c;然后修改Xml文件的网站栏描述。 1、添加新项目&#xff0c;选择ShareP…

大型网站架构演进(5)数据库读写分离

在使用缓存后&#xff0c;使大部分的数据读操作访问都可以不通过数据库就能完成&#xff0c;但是仍有一部分读操作(包括未命中缓存的&#xff0c;和缓存过期的)和全部的写操作需要访问数据库&#xff0c;当网站的访问量继续增加后&#xff0c;数据库会因为负载压力过高导致成为…

教你如何创建一个免费的网站

小编先声明一下&#xff0c;我并不是来做广告的&#xff01;作为一个初学者&#xff0c;刚刚摸索出来一些经验想要拿来跟大家分享罢了&#xff01;希望能帮助到那些想要做网站的亲们。算是分享一些我个人的经验吧。 PS&#xff1a;现在主机屋已经不提供免费空间服务了&#xff…

Vue.js+express建站

网站基本架构&#xff1a; 基本的CS架构&#xff0c;开发时使用本地服务器&#xff0c;数据库使用云服务器的数据库&#xff0c;方便共享数据&#xff0c;上线时可配置服务器到云服务器。 技术栈&#xff1a; Vue.js: 前端开发框架&#xff1a;响应式数据绑定和组件化开发&…

阿里云、宝塔、wordpress建站

1 阿里云 购买一个学生机就行啦 2 宝塔 2.1 更改阿里云的镜像 技巧01&#xff1a;先关掉阿里云之前的镜像 技巧02&#xff1a;到镜像市场中寻找宝塔的镜像资源 2.2 配置安全组 宝塔的控制面板需要开通端口 8888&#xff0c;所以需要到安全组中去配置端口 2.3 登陆宝塔控制面板 …

大型网站技术架构(五)--网站高可用架构(转)

网站的可用性&#xff08;Avaliability&#xff09;描述网站可有效访问的特性。 1、网站可用性的度量与考核 网站不可用时间&#xff08;故障时间&#xff09;故障修复时间点-故障发现&#xff08;报告&#xff09;时间点 网站年度不可用时间&#xff08;1-网站不可用时间/年度…