1. 网站建设需要用到的doctype
n 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
n 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
n 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
n HTML5的,专门针对新型HTML5标准。
<!DOCTYPE html> |
2. 网站的关键词、描述、编码类型
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="description" content="慧聪网(hc360.com)是为中小企业提供B2B电子商务服务的网上贸易平台,是企业寻求电子商务网络贸易信息的首选行业门户.中小企业通过慧聪网可以快速发布产品供求信息并达成交易.慧聪网为您提供全面的B2B行业资讯,供应,求购,库存信息,努力让每个老板都成为B2B电子商务活动的一员." /> <meta name="keywords" content="B2B,hc360,电子商务,供求信息,加工,库存,二手,网上贸易,行业门户,商机,网上交易,行业资讯,在线交易,中小企业,供应,求购,商务网,商业贸易,贸易平台" /> |
3. JavaScript定义
Js必须要用<script language="javascript" type="text/javascript">来开头定义,而不是原来的<script language=javascript>或干脆直接<script>,并且需要加个注释符<!-- -->,以保证不在不支持js 的浏览器上直接显示出代码来。
<script language="javascript" type="text/javascript"> //<![CDATA[ function show_layout(selObj){ var n = selObj.options[selObj.selectedIndex].value; document.getElementById('stylesheet').href = n; } //]]> </script> |
4. CSS定义
CSS必须要用<style type=“text/css”>开头来定义,而不是原来的直接<style>,也不建议直接写在内容代码里如:<div style=”padding-left:20px;”></div>,并需要加个注释符<!-- -->
<style type="text/css" media="screen"> <!-- body{margin:0px;padding:0px;font-size:12px;text-align:center} --> </style> |
5. 细节定义
1) 所有标签页面都需要用小写字母编写;
2) 在<!-- -->注释里面不要使用--;
3) 所有的标签属性需要打上引号;
4) 类似于大于符号、书名号、空格等特殊符号需要转换成相对应的编码;
5) 所有标签都需要有介绍标签;
6) 遵循严格的标签嵌套;
7) 给image标签添加合适的alt,给form表单添加label;
8) 规定每个页面的字体、字体大小、行高、行间距、图片间距、图片大小