html网页制作规范(自己的归纳总结)

  1. 1.        网站建设需要用到的doctype

  2. 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>

  1. 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,电子商务,供求信息,加工,库存,二手,网上贸易,行业门户,商机,网上交易,行业资讯,在线交易,中小企业,供应,求购,商务网,商业贸易,贸易平台" />

  1. 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>

  1. 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>

  1. 5.        细节定义

  2. 1)      所有标签页面都需要用小写字母编写;

  3. 2)      <!--   -->注释里面不要使用--

  4. 3)      所有的标签属性需要打上引号;

  5. 4)      类似于大于符号、书名号、空格等特殊符号需要转换成相对应的编码;

  6. 5)      所有标签都需要有介绍标签;

  7. 6)      遵循严格的标签嵌套;

  8. 7)      image标签添加合适的alt,form表单添加label

  9. 8)      规定每个页面的字体、字体大小、行高、行间距、图片间距、图片大小


转载于:https://my.oschina.net/u/2348516/blog/477953

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值