Html使用时命名规则 比如第一个div. pic ul 还是div ul或 ul都可以?

html-css017

Html使用时命名规则 比如第一个div. pic ul 还是div ul或 ul都可以?,第1张

这个要看你的具体目的而定,比如

ul 表示匹配整个html文档中所有的ul标签 (即 <ul>...</ul>)

div ul 表示匹配所有包含在div内的ul标签 (即 <div><ul>...</ul></div>)

div.pic ul 表示匹配所有包含在类名为pic的div的ul标签 (即 <div class="pic"><ul>...</ul></div>)

也就是说,写得越详细,匹配的范围就越具体(或者说越小)。就比如说现实生活中,全国叫“张三”的可能有成千上万个,而“男的张三”范围就缩小一半了,“20岁的男的张三”范围一下子又减少了几十倍,以此类推……

关于文件的命名,看似无足重轻,但实际上如果没有良好的命名规则进行必要的约束,一味的乱起名称,最终导致的结果就是整个网站或是文件夹无法管理。所以,命名规则在这里同样非常重要。 需要特别注意的时候,网站文件或文件夹命名请尽量避免使用中文字符命名。

文件的命名

以最少的字母达到最容易理解的意义。

索引文件统一使用index.html文件名(小写) index.html文件统一作为"桥页",不制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.html。

按菜单名的英语翻译取单一单词为名称。所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写; 所有文件名字母间连线都为下划线。

例如: 关于我们 \aboutus

信息反馈 \feedback

产 品 \product

图片的命名

以图片英语字母为名。以最少的字母达到最容易理解的意义。

对于较小的图片,我们使用如下格式的命名 :

sm.kahn.gif

其中,sm 代表“small”,kahn 代表图片的内容。较大图像的命名规则也一样,不过是以 bg 开头的:

bg.kahn.gif

用以区分不同图像的命名规则应当是全站通用的,这样可以尽量避免将不同的名称搅混。

网站目录的命名

目录建立的原则是以最少的层次提供最清晰简便的访问结构。

服务器的ftp上传目录默认为html 根目录文件 根目录只允许存放index.html和main.html文件,以及其他必须的系统文件。

每个语言版本存放于独立的目录。已有版本语言设置为: 简体中文 \gb 繁体中文 \big5 英 语 \en 日 语 \jp 每个主要功能(主菜单)建立一个相应的独立目录。 根目录下的images为存放公用图片目录,每个目录下私有图片存放于各自独立images目录.

例如: \menu1\images

\menu2\images

另外,所有的js文件存放在根目录下统一目录\script 所有的CSS文件存放在根目录下的style目录 所有的CGI程序存放在根目录并列目录\cgi_bin目录。

对于一些信息更新量比较大的站点或是栏目,还可以采用一种更为特殊的方式来进行文件架的命名,这样能使得日后的维护更加方便,这样的方式就是使用“单一单词命名的目录”+“年年年年_月月_日日”的方式命名,最后的“日日”是根据更新量大小可选择的,如果每日更新量很大则可以加上“日日”。

例如: \news\2005_08\

\news\2005_09\

\news\2005_10_12\

mBg.jpg!我是这么起的!我的命名:

通常主页和内页有相同的图片,即用h和i进行区别,即 hBg.jpg   iBg.jpg!

其他的,bg.jpg header.jpg container.jpg footer.jpg nav.jpg navCur menu.jpg banner.jpg 通用的jpg命名

另外有,menu_1.jpg menu_01.jpg ,menu_1 是menu a 中的背景,01则是menu a:hover的背景

一些后台要进行替换的不重要的展示图片则用 p100x100.jpg(宽高命名)或p1.jpg p2.jpg……

其他的多以层名字进行命名!好区别,另外多注意下布局的结构命名!