没有合适的资源?快使用搜索试试~ 我知道了~
HTML/CSS代码开发规范文档.docx
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 92 浏览量
2022-11-26
19:08:25
上传
评论
收藏 69KB DOCX 举报
温馨提示
试读
20页
...
资源推荐
资源详情
资源评论
可编辑
HTML/CSS 代码开发规范文档
精品
可编辑
目 录
1、前言.............................................................................................................................................4
2、HTML 编码规范 ........................................................................................................................4
2-1HTML 标记的关闭规范 .....................................................................................................4
2-2HTML 文件头基本标记 .....................................................................................................4
2-2HTML 正文代码标记元素 .................................................................................................5
2-3HTML 标记的缩进规范 .....................................................................................................6
3、HTML 文件引入 CSS 样式代码和 Javascript 代码规范..........................................................6
3-1 引入 css 样式代码规范......................................................................................................6
3-2 引入 Javascript 代码规范 ..................................................................................................7
4、HTML 注释标签<!--和--> .........................................................................................................8
5、CSS 编码规范.............................................................................................................................8
5-1 CSS 编码要求 ....................................................................................................................8
5-2 CSS 样式表规范 ................................................................................................................8
5-3 CSS 命名规范 ....................................................................................................................9
5-4 样式文件命名 ..................................................................................................................10
5-5 样式文件布局 ..................................................................................................................11
6、CSS 常规书写规范及方法.......................................................................................................11
6-1 文件调用方法: .................................................................................................................11
6-2 CSS 结构化书写 ..............................................................................................................11
6.2.1 派生选择器:........................................................................................................11
6.2.2 辅助图片用背影图处理:....................................................................................12
6.2.3 结构与样式分离:................................................................................................12
6.2.4 文档的结构化书写................................................................................................12
6-3 HACK CSS 书写规范......................................................................................................13
6.3.1 IE6、IE7、Firefox 之间的兼容写法....................................................................13
6.3.2 屏蔽 IE 浏览器......................................................................................................14
6.3.3 清除浮动................................................................................................................14
6.3.4 鼠标手势................................................................................................................15
7、CSS 性代码缩写.......................................................................................................................15
7.1 不同类有相同属性及属性值的缩写.......................................................................15
7.2 同一属性的缩写.......................................................................................................16
7.3 内外侧边框的缩写...................................................................................................16
7.4 颜色值的缩写...........................................................................................................18
8、CSS 注释书规范.......................................................................................................................18
8.1 行间注释...................................................................................................................18
8.2 整段注释...................................................................................................................18
精品
可编辑
1、前言
本编程规范适用于需要编写 HTML/CSS 代码的网页程序开发人员。本规范并不是一个一
成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通。
2-1HTML 标记的关闭规范
</html>标记之间。如:
<html >
<body>正文</body>
</html>
不同类的标记不能交叉编码:
eg: <p><font>内容</p></font>
正确编码应为:<p><font>内容</font></p>
开始和关闭标记放在一行的标记有:
eg:
<b>和</b>
<u>和</u>
<i>和</i>
各种标题标记,如<h1>…</h1>等
<a>和</a>
2-2HTML 文件头基本标记
精品
可编辑
③<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
④<meta name="Robots" content="all">
⑤<meta name="keywords" content="关键词(逗号分隔)">
⑥<meta name="description" content="描述词(逗号分隔)">
<head>
⑦<link href="样式文件名.css" rel="stylesheet" type="text/css" />
⑧ <script language="javascript" type="text/javascript" src="JS 文 件
名.js"></script>
<title>页面标题名</title>
</head>
说明: ①和② 是 html 网页基本的标准协义,包含文件中顶部可以不用此标签。
③我们的中文环境中用 utf-8 编码,一般通常是用 GB2312 编码的,项目中用 utf-8
是为了防止编码错误显示和浏览时乱码的现像。新建文件时文件通常是 ANSI 或其
它格式的,所以编码时也按照该格式的编码,容易导致浏览乱码。这点要注意检查,
可以用记事本将文件另存时,选定 utf-8 格式保存文件.
④是否允许网页被其它服务器搜索到内容,all 为允许, none 为不允许.该项为可选
的,不是非必要的。
⑤和⑥是方便爬虫搜索时获取关键词,取决于④状态值是 all 的情况下。该项为可选
的。
⑦CSS 样式引用格式
⑧JS 引用格式
2-2HTML 正文代码标记元素
2.1 input 标记的属性值规范
对于标记中的属性值,必须使用双引号或单引号包围,这样的话不易出错。
eg: <input type="text" value="你的值" length="20" >
或者
eg: <input type=’text’ value=’你的值’ length=’20’ >
2.2 其它标签的引用,凡是属性值一律加双引号或单引号包围。
比较常用的标签有 <img src= ’ ’>,<a href=’ ’>链接</a>,<table border =’ ’>
等等。
2.3 重点说明一下 img 图片标签,该标签必须加载 alt="图片描述文字"。以便在没有显示图
片时,显示文字说明。
eg: <img src=’logo.jpg’ width="50" height="14" alt="驿虎 logo 图片" />
精品
剩余19页未读,继续阅读
资源评论
คิดถึง643
- 粉丝: 3932
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功