Ihtmlcss规范.doc

目录 1. 概述……………………………………………………………………………. 3 2. 规范化…………………………………………………………………………. 3 2.1规范化简述……………………………………………………………………. 3 2.2规范化的面向对象………………………………………………………….. 3 3. html代码规范…………………………………………………………………3 3.1htm通用模板……………………………………………………………3 3.2met标签说明……………………………………………………………5 3.3页面内嵌式样式表和内嵌式javascript说明………………………….6 3.4xhtml代码规范………………………………………………………………7 4. css代码规范………………………………………………………………….8 4.1 共享css模板………………………………………………………………8 4.2 css代码书写规范…………………………………………………………11 5. 网站文件规范…………………………………………………………14 5.1html文件规范………………………………………………………14 5.2 css文件规范……………………………………………18 5.3 html文件命名规范………………………………………………20 5.4css文件命名规范…………………………………………….21 5.5 图片及动画命名规范…………………………………………..21 1. 概述 本规范是一个开发规范，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。 2．规范化 2.1 规范化简述 强调制作的规范是必要的，因为大型网站项目需要多人的配合协同工作，个性化的东西无法产生良好的聚合效果。规范化不是特殊的个人风格，它可以提高编码工作效率，使代码保持统一的风格，以便于后期的维护。 2.2规范化的面向对象 网页制作人员及编辑人员、技术开发人员。 3. html代码规范 3.1 html通用模板 !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd” html xmlns=”/1999/xhtml” head titlePortal/title meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ / link type=”text/css” rel=”stylesheet” href=”css/common.css” media=”all” / link type=”text/css” rel=”stylesheet” href=”css/landing.css” media=”all” / script type=”text/javascript” src=”js/prototype.js”/script /head body …… /body /html 说明： 1.!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd”为DOCTYPE声明，DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。 2.html xmlns=”/1999/xhtml”为名字空间声明。 3.meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /为定义语言编码。 4. link type=”text/css” rel=”stylesheet” href=”css/common.css” media=”all” / 为调用外部样式表。 5. script type=”text/javascript” src=”js/prototype.js”/script 为调用外部的javascript文件。 3.2 meta标签说明 为了能够更好的为搜索引擎准备内容，meta标签采用如下的定义方式，请在页面中据需要，自行添加。 允许搜索机器人搜索站内所有链接。 meta name=”robots” content=”all” / 设置站点作者信息 meta name=”author” content=”设计者 “ / 设置站点版权信息 meta name=”Copyright