HTML/CSS代码开发规范笔记（麦子学院：HTML、CSS、javascript代码开发规范文档）

相关引用标准

（1） XML XML是TheExtensibleMarkupLanguage(可扩展标识语言)的简写。现本规则遵循并且引用W3C于2000年10月6日发布的XML1.0手册做为编写标准。

（2） XHTML XHTML是TheExtensibleHyperTextMarkupLanguage（可扩展超文本置标语言）的缩写。现本规则遵循并且引用W3C于2000年1月26日推荐XML1.0。手册做为编写标准。

（3） CSS是CascadingStyleSheets层叠样式表的缩写。 本规则遵循并且引用W3C于1998年5月12日推荐CSS2。手册做为编写标准。

注： 目前CSS3已发布， 主流浏览器正在逐渐支持， 开始利用CSS3代替以往冗长的旧代码

1、前言

灵活应用

2、HTML编码规范

HTML是一种标记语言,HTML没有任何真正的编程语言中的循环或是流程控制语句。然而， HTML代码的格式和风格是非常重要的， 因为要经常对HTML代码进行维护和修改，因此HTML代码必须有很清晰的逻辑结构和布局,增强可读性，而使其易懂和易于维护。 HTML代码本身是不区分大小写的，但是为了更好的统一代码布局，项目中HTML文件标记都以小写为主。

2-1HTML标记的关闭规范

HTML 文档的正文都应在<body></body>标记中间，而<body>标记则应包含在<html>和</html>标记之间。

不同类的标记不能交叉编码：

开始和关闭标记放在一行的标记有:
eg:
<b>和</b>
<u>和</u>
<i>和</i>
各种标题标记，如<h1>…</h1>等
<a>和</a>

2-2HTML文件头基本标记

①<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

②<html xmlns="http://www.w3.org/1999/xhtml">

③<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>

 

posted @ 2016-08-18 18:40  chenxj  阅读(320)  评论(0)    收藏  举报