一、XHTML下css+div布局总结
1、为页面添加正确的DOCTYPE，建议使用严格型；
2、设定一个名字空间，<html XMLns = http://www.w3.org/1999/xhtml >；
3、声明编码语言，建议用utf-8；
4、用小写字母书写所有的标签；
5、为图片添加alt属性；
6、给所有属性值加引号；
7、关闭所有标签；
8、收藏夹小图标(16X16)；
9、用CSS定义元素外观；
10、结构化代码div(division)、id、class；
11、制作好的网站可以到w3c进行标准校正，http://validator.w3.rog, http://jigsaw.w3.org/css-validator/；
二、DOCTYPE声明
1、DOCTYPE是document type(文档类型)的简写，用来说明使用的XHTML或HTML是什么版本；
2、DTD叫文档类型定义，里面包含了文档的规则，浏览器根据DTD解释页面的标识，并展现出来；
3、DOCTYPE声明是必不可少的关键组成部分；
4、建议使用严格型
<!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
5、DOCTYPE声明必须放在每一个XHTML文档最顶部，所有代码和标识之上；
三、名字空间
1、由于在XHTML1.0中不能自定义标识，所有统一如下格式：
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
2、"xmlns"是XHTML namespace的缩写，是对名字空间的声明。"lang"指定文档所用语言；
四、定义语言编码
1、XML文档定义方式<?xml version="1.0" encoding="gb2312"?>;
2、由于浏览器支持不完善的原因，使用meta方式定义<meta http-equiv="Content-Language" content="gb2312" />;
3、建议两种方式同时用来定义
五、调用样式表
1、页面内嵌法：<style type="text/css"></style>;
2、外部调用法：<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
3、@import方法：<style type="text/css" media="all">@import url(css/style01.css);</style>
4、建议使用外部调用法：<link rel="stylesheet" href="base.css?date=070101" type="text/css" media="all">,其中media指设备类型；
六、head区的其他设置
1、收藏夹小图标：<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />；
2、为搜索引擎准备内容：
允许搜寻机器人搜索站内所有链接。如不想被搜索，采用robots.txt方法
<meta content="all" name=robots" />
设置站点作者信息
<meta name="author" content="momo@net.com,某某" />
设置站点版权信息
<meta name="Copyright" content="www.w3cn.org,自由版权，任意转载 " />
设置站点的简要介绍（推荐）
<meta name="description" content="新网页设计师，web标准的教材" />
设置站点的关键词（推荐）
<meta name="keywords" content="designing,with,web,w3,w3c" />
七、XHTML代码规范
1、所有的标记都必须有一个相应的结束标记；
2、所有标签的元素和属性的名字都必须使用小写；
3、所有的XML标记都必须合理嵌套；
4、所有的属性都必须用引号""括起来；
5、所有特殊符号用编码表示：< <、> >、& &、' &apos、 " "；
6、给所有属性赋值；
7、不要再注释内容中使用“--”；
八、CSS入门
1、四个伪类定义链接样式，是：a:link（链接）、a:visited（访问过）、 a:hover（悬停）、a:active（点下）；
2、在定义时必须按照“LVHA”的顺序来定义，否则可能显示的和预想的不一样；
九、CSS布局入门
1、margin、padding是透明元素不能设置颜色值，background-image比background-color优先；
2、所有辅助图片一律用背景处理；
扫一扫
2359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
