相关文章
网站建设用Dreamweaver实现Real与网页结合
北京网站制作旧貌要换新颜：滚动条大变身
北京网站建设Dreamweaver 实现多分辨率层定位
北京网页设计技巧总结：CSS提高网页的维护更新效率
网站制作细谈有关网站设计的10个注意要点
北京网站建设使用Javascript制作声音按钮
北京网站制作Photoshop打造极富创意网页效果图
北京网站制作调整CSS类型的顺序改变链接
网站设计高手简论：说说标签切换
网页设计网站结构设计规划书 网页规划书范文
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网页设计北京网站设计初学标准建站：XHTML+CSS 设计注意事項
北京网页设计北京网站设计初学标准建站：XHTML+CSS 设计注意事項
1、除选择DOCTYPE之外的语句必须使用小写英文字母书写。其中包括 Macromedia Dreamweaver 生成的鼠标动作，如 北京网站制作 OnMouseOver 也必须修改成 onmouseover。
2、XHTML语法规要求所有的标识都必须有开始和结束。例如<body>和</body>、<p>和</p>等，对于不成对的标识，要求在标识最后加一个空格，然后跟一个"/"。例如<br>写成<br />、<img>写成<img />，加空格的原因是避免代码连在一起浏览器不识别。
3、所有的XML标记都必须合理嵌套。如：<p><b></p></b> 必须修改为：<p><b></b></p> ，就是说，一层一层的嵌套必须是严格对称。 中国站.长.站
4、所有的属性必须用引号""括起来。如： <height=80> 必须修改为：<height="80"> 。特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用'，例如：<alt="say'hello'">。
5、把所有<和&特殊符号用编码表示。如：任何小于号（<），不是标签的一部分，都必须被编码为& l t ; ，任何大于号（>），不是标签的一部分，都必须被编码为 & g t ; ，任何与号（&），不是实体的一部分的，都必须被编码为& a m p ; 。（以上代码字母间无空格）
Chinaz_com
6、给所有属性赋一个值。如： <td nowrap> <input type="checkbox" name="shirt" value="medium" checked> 必须修改为：<td nowrap="nowrap"> <input type="checkbox" name= "shirt" value="medium" checked="checked">。 中国站长.站
7、不要在注释内容中使用“--”。如：<!--这里是注释-----------这里是注释--> 可以用等号或者空格替换内部的虚线 <!--这里是注释============这里是注释-->。
首先是规范的文件头部分的写法：
Www_Chinaz_com
| 以下为引用的内容：网站建设 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href=\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\" target=\"_blank\">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">北京网页设计 |
北京网站制作
在CSS的定义方面，值得推荐的是一种通用字体设置的方案，内容如下：
Chinaz.com
| 以下为引用的内容：北京网站建设 body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; } |
Chinaz~com
字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推； Www~Chinaz~com
Lucida Grande字体适合Mac OS X； 中 企通互联.国.站.长.站
Verdana字体适合所有的Windows系统；
Lucida适合UNIX用户； 网站设计 中国.站.长站
" 网站建设宋体"适合中文简体用户；
站.长.站
如果所列出的字体都不能用，则默认的sans-serif字体能保证调用。 站长.站
CSS中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a : active，例如：
中国站.长.站
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}北京网站设计
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}网站建设
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}网站设计
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} Www_Chinaz_com
但是书写的时候一定要注意顺序，正确的顺序是：LVHA，如果不这么写的话，很可能效果很你预期的不一样。
中间部分的布局规格化和菜单的非表格实现需要实践的引导，在这里先不写什么。下面写一点关于代码校验的记录。
XHTML校验常见错误原因对照表： 中.国.站长站
No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定义DOCTYPE。
Www_Chinaz_com
No Character Encoding Found! Falling back to UTF-8.--未定义语言编码。
end tag for "img" omitted, but OMITTAG NO was specified--图片标签没有加"/"关闭。
an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--属性值必须加引号。 Www.Chinaz.com
element "DIV" undefined---DIV标签不能用大写，要改成小写div。 中国站.长站
required attribute "alt" not specified---图片需要加alt属性。 中国站.长.站
required attribute "type" not specified---JS或者CSS调用的标签漏了type属性。
中国站.长.站
CSS2校验常见错误原因对照表：
站.长.站
(警告)无效数字 : color909090 不是一个 color 值 : 909090 ---十六进制颜色值必须加"#"号，即#909090
Www_Chinaz_com
(警告)无效数字 : margin-topUnknown dimension : 6pixels ---pixels不是一个单位值，正确写法6px 中国站长.站
(警告)属性 scroll_bar-face-color 不存在 : #eeeeee --- 网页设计定义滚动条颜色是非标准的属性 中.国站长站
(警告)Line : 0 font-family: 建议你指定一个种类族科作为最后的选择 --W3C建议字体定义的时候，最后以一个类别的字体结束，例如"sans-serif"，以保证在不同操作系统下，网页字体都能被显示 站.长.站
(警告)Line : 0 can't find the warning message for otherprofile --表示在代码中有非标准属性或值，校验程序无法判断和提供相应的警告信息 Chinaz.com
另附： Chinaz.com
XHTML校验常见错误原因对照表 中国站长.站
No DOCTYPE Found! Falling Back to HTML 4.01 Transitional--未定义DOCTYPE。
中国站长.站
No Character Encoding Found! Falling back to UTF-8.--未定义语言编码。企通互联
网站设计
end tag for "img" omitted, but OMITTAG NO was specified--图片标签没有加"/"关闭。
Www_Chinaz_com
an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified--属性值必须加引号。网站建设
网页设计
element "DIV" undefined---DIV标签不能用大写，要改成小写div。
required attribute "alt" not specified---图片需要加alt属性。北京网站制作
网站建设
required attribute "type" not specified---JS或者CSS调用的标签漏了 北京网站设计type属性。
其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的，比如忘记了一个</li> 网站制作其他<li>标签都会报错，所以不要看到一堆的错误害怕，通常解决了一个错误，其他的错误也都没有了。
Chinaz~com
上一篇：北京网页设计Photoshop三招两式做特效：钮扣
下一篇：北京网站设计初学标准建站：XHTML+CSS 设计注意事項
