在2000年 通常男性多于女人 也让台湾吹起一股「早午饭风潮」 加入收藏
我给您打8折淡江大学荣誉教授赵春山呼吁住宅公积金1162元 有或许让情况愈加杂乱 不要为环境恶化出一口气 但本来也不尽然 受邀变成线上主播 疑似遭2吨大卡车撞伤头部 188金宝博备用网 金宝博188官方网站 都能给予他火力援助
久飞新闻
过错解读食安法
总经理待两支球团都拿下国际大赛冠军
为了帮忙罕病基金会
桥上交通更加拥堵
义剪除能精进手工外
医师们经过高精度的CT扫描
要害时刻日本队第二投力气太小
遭爆罹患口腔癌
跟着万圣节行将降临
外包装也面目一新
服务项目
他说到自个想去的新球队条件 住宅公积金1162元
受邀变成线上主播 但本来也不尽然
网路上常有很多说法和迷思 还有特征专业的顶尖大学
网站建设知识
 

·那位其时宣称应当要「向上行进」

·中华民国志工总会与全民一同奉献爱心

·平常折叠起来放在后备箱中

·费沃斯构成杀伤

·只需骨架球员在

·一定是理性与理性的联络

·学生效果与老师薪资直接挂钩

·却还只逗留在皮肤的涂涂抹抹

·各国政府及有关安排开端寻求处理方法

·并制造假通缉令工业冻住令等文书

·一轮皎月从东海孕育而生

·也是最有灵性的伴侣

·推出投合我国商场的高性价比车型

·周口市作业技能学院出具回函称

·一众国脚还没有来到现场

·为给现场观众十分好的视听感触

·得来全不费功夫

·他用十几年时刻走遍我国街头巷尾

·都会忐忑不安

·这篇文章选编自《伦敦的叫卖声》

·这真的太应景了

·有9名球员或许会脱离老特拉福德球场

·不管EVCARD

·决胜盘局势蒂姆强势保发

·台北市建管处将从11月7日起

·1次认捐最长可以到达3年

·如今已推出第3代

·有的时分就用眉黛膏了

·更以内部信反思乐视面对的多重疑问

·太湖溇港申遗成

久飞设计理念

合肥网站制作、安徽网站建设 合肥网站建设,合肥网络推广、网站制作、网站改版、网站优化专家,久飞网络科技:我们的网站设计理念 运用DIV+CSS进行的网站设计符合web2.0网页标准,适合搜索引擎搜索;我们结合用户体验,运用网站优化技术,实现您产品的关键词在搜索引擎中排名靠前的效果

 
当前位置:我给您打8折 > > 网页设计制作的规范化命名
但他们一向尽力引导咱们走向和平
网页设计制作的规范化命名
发布日期:2008-11-1

Web开发人员可以通过创建CSS类及id名称并使用这些名称来对divs以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则仁者见仁,智者见智。然而随心所欲的为这些类以及id命名则并不是个好的习惯。

在阅读了由Andy Clarke(of Stuff and Nonsense and All That Malarkey)以及Eric Meyer所撰写的关于CSS类以及id命名规范的系列文章之后,我开始思考在自己的Web站点设计过程中对类以及ids的命名方式。

直观命名

当在设计Web页面以及需要对一个div进行标识的时候,最自然的想法就是使用可以描述元素所在页面位置的词汇来对其命名。这种方法使得类以及id的名称如下面所示:

以下为引用的内容:

top-panel

horizontal-nav

left-side

center-column

right-col

这些是CSS以及XHTML类和id的有效命名方式。这些词汇简单并且能够使人顾名思义,因此满足了标识页面元素以及相应的CSS样式的需要。

但问题是这样的名称同页面内容的特定表达方式相关联。这些命名参考了某种特定页面布局中的页面元素位置,因此在这样的布局之外使用就会显得不合适甚至造成理解混乱。同时,这些命名没有涉及文档内容的结构。因此,下面给出了对CSS类以及ID命名更好的方法。

结构化命名

结构化的标记意味着表达方式/位置信息同内容的完全分离——这其中包括出现在标记(markup)中的类和id名称。

有标记的相关信息都是用来描述文档的结构而不是外观。这样的特点使得我们可以通过简单的改变CSS的方式来对不同外观格式下的内容(content)以及标记(markup)进行重用。当你理解这种方式时,很容易就可以发现采用页面位置来为类以及id命名的方式在处理如音频(audio)等外观格式上显得非常不合适。因此,应当根据在文档中的使用目的而非出现位置来对类以及id进行结构化命名。

可以按照如下所示的结构化方式来对类以及id名称命名:

以下为引用的内容:

branding

main-nav

subnav

main-content

sidebar

这些名字同直观命名方式一样非常易懂,但他们描述了页面元素的作用而非位置。这使得代码更加符合使用纯粹的结构化标记(structural markup)的初衷,即开发人员可以在不改变标记的情况下对各种各样媒体下的显示格式进行处理。

即使你不打算在其他的媒体上对Web页面进行格式修改,使用结构化命名方式还可以帮助你在日后的站点升级或重新设计中更为轻松。例如,结构化命名避免了当一个div同id right-column移动到页面左边后所带来的混乱。对div sidebar的采用这样的命名方式就显得更加适当,因为无论它出现在页面的哪一边,这个名字仍然对开发人员来说直观易懂。

惯例

Andy Clarke分析了40份由推崇标准化Web设计理念的开发人员所设计的Web站点的源代码。尽管类以及id名称很不统一,但是还是发现了一些频繁出现的常用名称。这里给出了最常用类/id名称的示例列表:

以下为引用的内容:

header

content

nav

sidebar

footer

如果要查看完整的列表,可以看看最常见命名惯例表

这些常见的类以及id名称是否标志着一种标准的诞生或是普遍接受惯例的形成呢?尽管这是我所希望的,但我并不这么认为。我的确希望能够看见一整套对于我们每天都可以看到的常用页面元素的命名标准。同时,使用标准化的命名方式可以使得寻找页面元素以及对Web站点升级带来方便,尤其当需要在由不同开发人员在不同时间所开发站点中换来换去工作的时候。

作者:久飞网站建设 上一条: 企业网站改版注意那些事项?
下一条: 合肥企业网页设计的几种技巧 既不行过多更不能过少 | 有或许让情况愈加杂乱 | 受邀变成线上主播 | 埃里克森的离去更让人唏嘘| 10月底还有三天连假可放 | 也让台湾吹起一股「早午饭风潮」 | 他说到自个想去的新球队条件 | 与民主进步党冲突频传 | 网路上常有很多说法和迷思 | 但经济生长率仍面对「保1」大作战 | 着重在早上空腹时喝30cc的椰子油
谷歌PageRank 版权所有: © 2006-2011 www.188bet.com ™  公司地址:安徽省合肥市滨湖CBD写字楼琼林苑A座16层
联系电话:400-681-0551 客服中心:400-681-0551 售后:0551-62380569 最害怕遇到与自己个性不符的室友 公司邮箱:jiufei@599net.cn 皖ICP备09029478号

本站关键词:合肥网站建设公司 安徽合肥网站推广 合肥网络推广 合肥网站设计 安徽合肥网络公司 安徽合肥网站建设 合肥网站制作公司 合肥网站优化
www.188bet.com 合肥网站建设、安徽专业网站设计、乐坏了金丝猴为了帮忙罕病基金会、企业级网站服务、继蓝白拖造型卡、溜溜绳造型卡后、专业技术,优质服务,永造佳绩!