通用CSS命名规范

 

1.文件命名规范

体制文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打字与印刷样式 print.css
主题 themes.css [/quote]

CSS ID 的命名
页头: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
外 套:  wrap
主导航:  mainnav
子导航:  subnav
页 脚:  footer
全套页面: content
页 眉:  header
页 脚:  footer
商 标:  label
标 题:  title
主导航:  mainbav(globalnav)
顶导航:  topnav
边导航:  sidebar
左导航:  leftsidebar
右导航:  rightsidebar
旗 志:  logo
标 语:  banner
食谱内容一: menu1content
食谱体积: menucontainer
子菜单:  submenu
边导航空图标:sidebarIcon
注释:   note
面包屑:  breadcrumb(即页面所处地方导航提示)
容器:   container
内容:   content
搜索:   search
登陆:   Login
效用区:  shop(如购物车,收银台)
当前的   current[/quote]

网址常用中国和英国文对照表
网站导航 Site Map
集团简介 Profile or Company Profile or Company
公司设备 Equipment Equipment
信用社荣誉 Glories Glories
商厦文化 Culture Culture
产品浮现 Product Product
天才注脚 Quality Certification
专营商规模 Scale Scale
营销网络 Sales Network
协会部门 organization organization
合营进入 Join In 库珀ation
技巧力量 Technology Technology
经纪致辞 Manager`s oration
迈入历程 Development History
工程案例 Engineering Projects
业务范围 Business Scope
分支机构 Branches
供应和供给新闻 Supply & 德姆and
经纪理念 Operation Principle
产品销售 Sales Sales
联系大家 Contact Us Contact Us
音信透露 Information Information
归来首页 Homepage Homepage
出品定购 order order
分拣浏览 Browse By Category
电子商务 E-business
店铺实力 Strength Strength
版权全数 Copy Right
友谊连结 Hot Link
应用领域 Application Fields
人力能源 Human Resource Hr
公司主致辞 Leader`s oration
集团资质 Enterprise Qualification
行业音信 Trade News
行业动态 Trends
客户留言 Customer Message
客户服务 Customer Service
新闻动态 News & Trends
商户名称 Company Name
销售热线 Sales Hot-Line
联系人 Contact Person
你的要求 Your Requirements
建设中 In Construction
证书 Certificate Certificate
地址 ADD Add
邮编 Postal Code Zipcode
电话 TEL Tel
传真 FAX Fax
产品名称 Product Name
出品注解 Description Description
价格 Price
品牌 Brand
规格 Specification
尺寸 Size
生产厂家 马努facuturer Manufacturer
型号 Model
产品标注 Item No.
技术目的 Technique Data
产品描述 Description
产地 Production Place
销售新闻 Sales Information
用途 Application
论坛 Forum
在线预定 On-line order
招商 Enterprise-establishing
招标 Bid Inviting
综述 General
业绩 Achievements
招聘 Join Us
求贤纳士 Join Us
大事 Great Event
动态 Trends
服务 Service
投资 Investment
行业 Industry
规划 Programming
环境 Environment
发送 Delivery
提交 Submit
重写 Reset
登录 Enter
注册 Login
华夏商社网技术扶助 Powered By Ce.Net.Cn
社区 Community
事情介绍 Business Introduction
在线考察 Online Inquiry Inquiry
下载核心 Download
会员登6 Member Entrance
意见反馈 Feedback
大面积难点 FAQ
焦点轮廓 General Profile
有教无类培育 艾德ucation & Training
游乐园 Amusement Park
在线沟通 Online Communication
专题广播发表 Special Report[/quote]

  常用类的命名应竭尽以科学普及英文单词为准,做到通俗易懂,并在适度的地方加以注释。对于二级类/ID命名,则使用组合书写的方式,后多个单词的首
字母应大写:诸如“搜索框”则应命名叫“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名称为“searchBtn”……

壹. 符合规律书写规范及方法

  1. 选择DOCTYPE:

  XHTML 壹.0 提供了二种DTD注脚可供选择:

  过渡的(Transitional):供给充裕宽松的DTD,它同意你继续使用HTML四.0一的标识(可是要吻合xhtml的写法)。完整代码如下:

  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“&gt;

  严厉的(Strict):供给严苛的DTD,你无法使用任何表现层的标识和总体性,例如<br>。完整代码如下:

  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“&gt;

  框架的(Frameset):专门针对框架页面设计使用的DTD,假诺您的页面中富含有框架,供给动用那种DTD。完整代码如下:

  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd“&gt;

  理想状态当然是严谨的DTD,但对于我们大部分刚接触web标准的设计师来说,过渡的DTD(XHTML
一.0
Transitional)是日前完美采取(包罗本站,使用的也是过渡型DTD)。因为那种DTD还允许大家利用表现层的标识、成分和属性,也正如易于通
过W3C的代码校验。

  ②. 钦定语言及字符集:

  为文书档案钦赐语言:

  <html xmlns=”http://www.w3.org/1999/xhtml” lang=”en”>

  为了被浏览器正确解释和透过W3C代码校验,全体的XHTML文书档案都不能不注解它们所选择的编码语言;如:
常用的语言定义:

  <meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />
正规的XML文书档案语言定义:
<?xml version=”1.0″ encoding=” utf-8″?>
本着老版本的浏览器的语言定义:
<meta http-equiv=”Content-Language” content=” utf-8″ />
为增长字符集,提议使用“utf-八”。

  三. 调用样式表:

  外部体制表调用:

  页面内嵌法:正是将样式表直接写在页面代码的head区。如:

  <style type=”text/css”><!– body { background : white ;
color : black ; } –> </style>
外表调用法:将样式表写在一个单独的.css文件中,然后在页面head区用类似以下代码调用。

  <link rel=”stylesheet” rev=”stylesheet” href=”css/style.css”
type=”text/css” media=”all” />

  在适合web标准的统一筹划中,推荐使用外部调用法,能够不改动页面只修改.css文件而改变页面包车型大巴体裁。若是具有页面都调用同二个样式表文件,那么改三个样式表文件,能够改变全部文件的体裁。

  四、选择合适的因素:

  依照文书档案的布局来摘取HTML成分,而不是依照HTML成分的体制来挑选。例如,使用P成分来含有文字段落,而不是为了换行。假若在创建文档时找不到适合的要素,则能够设想选用通用的div
只怕是span;

  防止过渡使用div和span。少量、适当的使用div和span成分能够使文书档案的结构更为清楚合理并且易于使用样式;

  尽也许少地行使标签和结构嵌套,这样不仅能够使文书档案结构清晰,同时也足以保险文件的精工细作,在增高用户下载速度的同时,也易于浏览器对文书档案的演说及呈视;

  伍、派生采用器:

  能够动用派生选用器给五个因素里的子成分定义样式,在简化命名的还要也使组织更为的清晰化,如:

  .mainMenu ul li {background:url(images/bg.gif;)}

  6、扶助图片用背影图处理:

  那里的”帮助图片”是指那个不是当做页面要发挥的内容的1某个,而1味用于修饰、间隔、提醒的图样。将其做背影图处理,能够在不改动页面的情景下通过CSS样式来展开转移,如:

  #logo {background:url(images/logo.jpg) #FEFEFE no-repeat right
bottom;}

  柒、结构与体制分离:

  在页面里只写入文档的构造,而将样式写于css文件中,通过外部调用CSS样式表来达成结构与体制的分开。

  八、文书档案的结构化书写:

  页面CSS文书档案都应利用结构化的书写格局,逻辑清晰易于阅读。如:

  <div id=”mainMenu”>
<ul>
<li><a href=”#” >首页</a></li>
<li><a href=”#” >介绍</a></li>
<li><a href=”#” >服务</a></li>
</ul>
</div>

  
#mainMenu {
width:100%;
height:30px;
background:url(images/mainMenu_bg.jpg) repeat-x;
}
#mainMenu ul li {
float:left;
line-height:30px;
margin-right:1px;
cursor:pointer;
}

*******************************************************************************************

命名参考(来源互连网)

常用的CSS命名规则: 

头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制总体布局宽度:wrapper
左右中:left right center 

取名全部利用小写字母,如若急需四个单词,单词间使用“-”分隔,比如user-list

常用代码结构:

div:主要用来布局,分割页面包车型大巴布局
ul/ol:用于冬季/有连串表
span:未有尤其的意义,能够看成排版的扶助,

例如

<li><span>(四.二3)</span>天幻网六周年天幻网六周年天幻网六周年天幻网陆</li>

然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效益

h1-h6:标题
h一-h陆 依照首要依次递减
h1人最首要的标题

label:为了使您的表单更有亲和力而且还是能支持表单排版的好东西,

例如:

<label for=”user-password”>密 码</label>
<input type=”password” name=”password” id=”user-password” />

田野先生set & legend:fildset套在表单外,legend用于描述表单内容。

例如:<form>
<fieldset>
<legend>title</legend>
<label for=”user-password”>密 码</label>
<input type=”password” name=”password” id=”user-password” />
</fieldset>
</form>

dl,dt,dd:当页面中冒出第三表现看似标题/简述,然后上面为详细描述的剧情时应当使用该标签,

例如<dl>
<dt>什么是CSS?</dt>
<dd>CSS正是一种叫做样式表(stylesheet)的技术。也部分人称之为层叠样式表(Cascading
Stylesheet)。<dd>
<dt>什么是XHTML?</dt>
<dd>XHTML是一个基于XML的置标语言,看起来与HTML有个别想像,唯有一对小的但主要的区别。能够如此看,XHTML正是二个装扮
着近乎HTML的剧中人物的XML。
本质上说,XHTML是一个桥接(过渡)技术,结合了XML(有几分)的雄强功能及HTML(超越50%)的简易性情。</dd>
</dl> 

C #content

S #subcol

M #maincol

X #xcol

那是纵向布局的XHTML结构,c-smx表示网页有多少个纵栏, c-sm代表有多少个纵栏,
c-mx表示有七个纵栏当中二个是隶属的, c-m代表三个纵栏。

其间在三纵栏的布局需求分为两层
第一层是#subcol与#main第1层是#main中的#maincol与#xcol。

自定义命名:
依照w三c网址上交给的,最佳是用意义命名
比如说:是主要的情报高亮显示(像靛蓝)
有两种

.red{color:red}
.important-news{color:red}

很肯定第二种传达的含义尤为扎眼,所以尽量不要用意义不引人侧指标作为友好自定义的名字

CSS命名规范

DIV CSS名称 说明 
网站公用相关 
Container div #container 容器 
Header or banner div #header 页尾部分 
Main or global navigation div #mainNav 主导航 
Menu #menu 菜单 
Sub Menu #submenu 子菜单 
Left or right side columns #sidebarA, #sidebarB 左侧栏或右手栏 
Main div #main 页面主体 
Content div #content 内容部分 
The main content area #contentMain 首要内容区域 
Footer div #footer 页脚部分 
Tag #tag 标签 
Message #msg #message 提醒新闻 
Tips #tips 小技巧 
Vote #vote 投票 
Friend Link #friendlink 友情连接 
Title #title 标题 
Summary #summary 摘要 
Sub-navigation list #subNav 二级导航 
Search input #searchInput 搜索输入框 
Search output #searchOutput 搜索输出和搜索结果相似 
Search #search 搜索 
Search results #searchResults 搜索结果 
Copyright information #copyright 版权消息 
brand #branding 商标 
branding-logo #brandingLogo LOGO 
Site information #siteinfo 网址音信 
Copyright information etc. #siteinfoLegal 法律证明 
Designer or other credits #siteinfoCredits 信誉 
Join us #joinus 参与大家 
Partnership opportunities #partner 合作伙伴 
Services #service 服务 
电子商务,Regsiter #regsiter 注册 
Status #status 状态

  九、成人骨坏死势:

  在XHTML标准中,hand只被IE识别,当要求将高弓足势转换为“手形”时,则将“hand”换为“pointer”,即“cursor:pointer;”

 

原作地址:http://www.cnblogs.com/517zd/archive/2010/11/17/1879879.html

 

千古一年,想必大家都能感受到,大概各种网址都有了叁个新的功能叫个性化推荐或许猜你欣赏,恨不得每一种网址皆今后天头条,让用户在里边消费的平素停不下来;

 

 

那正是谈起底是怎么着促使这么多的网络产品伊始应用本性化推荐、天性化推荐是怎样实现的、有如何常用的脾气化推荐算法/系统;本文将围绕那多少个点来展开;


一、本性化推荐出现的愿意也许说背景是什么样;

小编们前边有1篇小说讲到过,当下移动网络时期,随着网络的一语破的发展,越来越多的新闻在互连网上传到,发生了严重的音信过载;如若不行使自然的一手,用户很难从这么多的音信流中找到对协调有价值的信息;

化解消息过载有二种手段:

一)、壹种是寻找,当用户有了远近驰名的供给对象依旧意图后,将急需变换为多少个大约的词可能短语的组成,然后将这么些词或短语组合提交到对应的追寻引擎,例如百度、天猫商城等搜寻,再由搜索引擎在海量的信息库中查找出与搜索词相关的音讯再次来到给用户;

二)、一种是推荐,很多时候用户的用意并不是很精晓,恐怕很难用清晰的语义表明,有时依然连用户本身都不明了自身的必要,那种意况下搜寻就化解不了用户的难题;

那有个别脚下计算起来有三种现象:a)、超过八分之四是随着电子商务的勃兴,用户毫无一定是带着显明的购买意向去浏览,很多时候是去逛的;b)、随着剧情市集的勃兴与泛滥,充斥着太多的音讯,用户不知底自身该看哪类资源信息大概说不知底喜欢哪系列型资源音讯,抱着看1看的心境去浏览,碰着喜欢的就看下来;

那三种情景下消除信息过载,掌握用户意图,为用户推送脾气化的结果,天性化推荐就是1种比较好的取舍;

总的说来,特性化推荐存在的背景可能原因是,当下互连网时代,消息严重过载,用来化解音讯过载问题;推荐系统是透过发掘用户与消息之间的涉嫌关系,帮忙用户从多量数量中发觉其大概感兴趣的消息,并生成性格化推荐以满足本性化须要;


贰、性格化推荐到底是怎么落到实处特性推荐的;

大家后面说过,推荐解决的是新闻过载的难题,即搞定的是用户获取消息这么些流程的题材;

也正是说推荐是壹种能力,介于用户与新闻之间,将分裂的用户与区别的音讯做精准化匹配,模型便是(用户–推荐算法–新闻);通俗点说正是援引通过一种算法能力,让用户找到本身喜欢的或然符合用户的消息;

那就是说究竟是怎么匹配的吧;通过前边的(用户–推荐算法–音信)模型,我们能够对本性化推荐计算出这样1套完结规律;

壹)、通过用户音信(历史记录、个人属性)总括描述用户属性;

二)、通过装有新闻的花费情况总括描述消息属性;

3)、通过算法计算出如何项目(用户属性)的用户适合/喜欢怎么品种(音信属性)的新闻;

4)、将适可而止类型(音讯属性)的音信体现给喜欢/适合类型(用户属性)的用户;


三、有怎样大家熟谙的推常见的荐算法推荐规则;

推荐介绍算法是老大古老的,在机器学习还从未起来的时候就有须求和选用了,主倘诺电商网址、资源信息网址等;最近可比熟知的引荐算法有两种:基于内容的引进算法、协同过滤推荐算法和依照规则的推荐介绍算法;

1)、基于内容的推荐介绍算法;

原理是依照内容的关联性最推荐,推荐用户喜爱和友爱关注过的音讯在内容上类似的新闻;比如您看了《叁体1》,基于内容的引进算法会给你推荐《叁体二》、《三体叁》,算法认为那五头与你在此以前看到的内容上有十一分打的关联性;

该推荐算法的长处是:a)、推荐结果丰裕直观,内容之间全体充足高的关联系,不须要表达;b)、能够相当大地防止推荐的冷运行难点;借使某些新的音信内容上线,在未有被别的用户消费的事态下,别的二种推荐算法是不会推荐的,但是遵照内容的引荐算法能够分析新闻之间的关系关系,完成推荐;

该推荐算法的症结是:a)、由于推荐时仅根据情节的关联性做推荐,所以大概会对实时性/时间维度有缺点;某段时日你看过MH370的资讯内容,后续再引进时,很只怕推荐的新闻和您浏览过的内容同样;b)、新时代的多媒体内容,例如单纯音乐、电影、图片之间很难描述关联性,很难做推荐;

2)、协同过滤推荐算法;

原理是依照用户历史作为作为分析对象,
用户喜爱消费那多少个负有相似行为的用户消费/喜欢过的音讯,
基于其余和脚下用户1般的用户的一言一动,推荐消息给当下用户;

该推荐算法的长处是:a)、基于其余用户行为集的推荐介绍,皆以相似行为的用户,能够有限支撑个性化水平高;b)、基于相同行为集的用户,简单让用户发现新的兴趣点;c)、模型通用性强,不须要太多对应数据领域的专业知识;

该推荐算法的毛病是:a)、由于该推荐算法必需要根据用户的野史作为,所以对于新用户(没有历史行为的用户)推荐效果就老大差;b)、相同行为集的用户,用户喜好兴趣可扩张性十分的低;c)、推荐品质完全依照历史作为,恐怕有个别时刻消费过某项目标新闻,后边又不欣赏了,后续系统只怕会持续做推荐;d)、不恐怕根据场景进行推荐,难以依照用户所在的情形和用户眼下的心气实行推荐作为;

三)、基于规则的推介算法;

规律是建立1套行为规则实行推荐,那类算法常见的例如依据用户点击、最多用户浏览等;常见的有树立规则(A推荐B),凡是看过A音讯的用户给他推荐B音信;

该推荐算法的独到之处是:a)、能够经过规则,让用户发现新的兴趣点;b)、对于推荐算法,不要求领悟太多的信息之间的涉及知识,只要求依照规则实行推荐;

该推荐算法的毛病是:a)、推荐规则难以创制,难以创造壹套完善的推荐规则;b)、该推荐完全是基于规则的,所以导致本性化水平相当的低,难以成功真正的特性化推荐;


肆、那么难点来了,有些业务场景到底该利用哪个推荐算法比较适度;

如上三种推荐算法,各自拥有各自的利害,但这也只是该算法的利害,也便是说算法的优势缺点是理论上设有的;当大家要使用于有个别实际应用场景时,一定要组成产品小编情状与利用意况考虑衡量,须要思索到诸如产品冷运维时期数据量、长期样本数据量的多少、算法使用的平台的成熟度等等;

今非昔比数量量级的景况下分裂方法合作不一样算法爆发的性质压力也是见仁见智的,要求整合产品笔者状态展开选用;大部分时候,有些业务场景不必然只是用四个算法来解决难点,有不小也许会同时使用八个算法来化解有个别难点;

因而近年来主流推荐情势也大致均采纳混合推荐的点子,利用二种或三种格局之间的优势,规避逆风局从而达到尽量完美的章程,这中间也一定是遵照分裂的接纳处境和制品具体境况具体分析;


那是特性化推荐系统类别的第2篇,该系列1共有伍篇:壹、《天性化推荐连串之开始认识推荐系统》;2、《个性化推荐种类之伊始认识机器学习》;三、《性情化推荐种类之推荐系统的衍生和变化及广大推荐算法》;四、《本性化推荐体系之一起过滤推荐算法计算》;5、《个性化推荐类别之推荐算法实践》;

详细腾讯网专栏–产品打杂https://zhuanlan.zhihu.com/zhoulink

Leave a Comment.