html id 命名,html类，id规范命名

DIV+CSS的命名规则

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

合作伙伴:artner

友情链接: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(如购物车，收银台)

当前的　　　curren

AMD规范中模块id的命名规则

AMD 即 Asynchronous Module Definition, 中文是“ 异步模块定义”的意思. AMD 规范制定了定义模块的规则,这样模块和模块的依赖可以被异步加载. AMD 规范只定义 ...

规范命名CSS

作者:词晖链接:https://www.zhihu.com/question/19586885/answer/48933504来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出 ...

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器

前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器 一丶CSS简介    叠样式表(英文全称:Cascading Style Sheets)是一种用来表现 ...

Android开发规范——命名 (转)

转自: http://blog.sina.com.cn/s/blog_3f5dd7810101j4u2.html 在讲解命名规范前,先初略介绍下当前主要的标识符命名法和英文缩写规则. 标识符命名法 标 ...

CSS规范 - 命名规则

使用类选择器,放弃ID选择器 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用. NEC特殊字符:"-"连字符 "-"在本规范中并不表示连 ...

CSS规范 - 命名规则--(来自网易)

使用类选择器,放弃ID选择器 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用. NEC特殊字符:"-"连字符 "-"在本规范中并不表示连 ...

Android开发规范——命名

在讲解命名规范前,先初略介绍下当前主要的标识符命名法和英文缩写规则.标识符命名法标识符命名法最要有四种: 1 驼峰(Camel)命名法:又称小驼峰命名法,除首单词外,其余所有单词的第一个字母大写. ...

DIV+CSS规范命名大全

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容篇. 常用DIV+CSS命名大全集合,即CSS命名规则 D ...

DIV+CSS规范命名大全集合

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-06-19)   网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DI ...

随机推荐

asp.net mvc页面javascript代码中如何使用razor

我们需要用将javascript代码包含起来,强制让razor编译器回到内容模式, 或者将javascript代码放在函数中,让razor编译器可以识别,请看下面两个例子: & ...

C#操作串口总结

Technorati 标签: C#,SerialPort,ReadTo,ReadTimeout        最近几天一直在调一个要长时间连续不断的操作串口,并且是多线程运行,不允许中断的服务.后来服 ...

Tomcat: IllegalStateException: No output folder --reference

Today, I started to create a couple of JSP pages for the server-side part of my MSc thesis project i ...

05-3. 求a的连续和(15)

输入两个整数a和n,a的范围是[0,9],n的范围是[1,8],求数列之和S = a+aa+aaa+...+aaa...a(n个a). 如a为2.n为8时输出的是2+22+222+...+222222 ...

Libgdx实现异步加载网络图片并保存到SD卡或者data/data目录下边

Libgdx实现异步加载网络图片并保存到SD卡或者data/data目录下边,当本地有图片的时候,直接从本地读取图片,如果本地没有图片,将从服务器异步加载图片 package com.example. ...

javaWeb之自动发送邮件生日祝福(ServletContextListener监听)

在看完本随笔仍然不理解的可以看  javaWeb邮箱发送  :里面有具体的邮箱服务器配置 企业在员工生日当天发送邮箱生日祝福: 一般是用监听器完成:  而合适的监听是ServletContextLis ...

vscode设置出错, 无法自动补全

问题: 之前设置的没问题, vscode重装后, 发现vscode里面的设置还在, 但敲代码却无法识别虚拟环境中的包了, 因此相关的内容也无法自动补全. 解决: 后来发现, 实际上设置没有出错, 但重 ...

<基础> PHP 进阶之 流程控制(Process)

do-while $sum = 0; $i = 10; do{ $sum += $i; $i--; }while($i > 0); //当这里的值为 false 时跳出循环 echo $sum; ...

吴裕雄 06-MySQL选择数据库

实例以下实例选取了数据库 RUNOOB:use RUNOOB;注意:所有的数据库名,表名,表字段都是区分大小写的.所以你在使用SQL命令时需要输入正确的名称. 使用PHP脚本选择MySQL数据库PHP ...

poj3061

#include #include using namespace std; #include cons ...