今天试着用 XHTML 写了一个 hello, world 级别的简单页面。感觉味道好极了！
我是初次接触 XHTML，现在对它的认识是：它可被看做一种 较高级的 web 页面开发模式，规范，高效。
我所使用的 DTD 是 XHTML 1.0 Transitional，所以，很多以前的 HTML 3.x/4.x 标签和属性还能继续使用。真正写起页面来，并没有多大陌生感。使用 Dreamweaver MX 2004 来做代码编辑器，更是减少了范错几率。
一点体会：
Web 重在呈现内容，呈现内容则重在排版。我过去总是用 table 标签来排，很规整，并且感觉严谨。而 XHTML 的开发模式中，使用 div 来排版，一个个层可以随意的绝对定位，相当自由。看上去，和使用 table 相比，页面代码简洁清晰了很多倍！我再看那密密麻麻的 tr、td 时已经觉得难闻了……
CSS 变得更加重要。我以前写页面，CSS 的作用仅仅是规定一下字体，至多再设置一下“平面文本框/按钮”。排版中最重要的“位置”，都是用 table 来写，<td width="20%" align="center"... 位置是固定的方方块块，不能交叉和覆盖；而用 XHTML 来写，div 的位置全部通过 CSS 来确定，position: absolute; left: 20%; top: 40px;... 相对于 table，div 可以出现在任何位置（想起了我大一时第一次用 DW 2.0，把 layer 到处拖～）因此自然能构造比 table 复杂数倍的版面，而代码却异常的少。独立的 CSS 文件可被缓存，整个页面的 size 也就小了。
显然 XHTML 的内涵是丰富的，不过，就入门来讲，只需要注意下面这些要点，就能比较快的从 HTML 转过来（当然，HTML 你也要熟悉先）：
1. 所有标签都必须用小写字母，<div>, not <DIV>
2. 标签必须成对：有开始和闭合：<div>...</div>，HTML 中的单个标签，如 <br>、<img> 就需要写成 <br />、<img />。
3. 属性值必须写在双引号中，如 <div id="SomeDiv" />
4. 标签不能交叉嵌套。
5. “&”符号必须用实体“&”替换。
6. “Well-formed document”。
XHTML 的 DTD，写在页首：
我是初次接触 XHTML，现在对它的认识是：它可被看做一种 较高级的 web 页面开发模式，规范，高效。
我所使用的 DTD 是 XHTML 1.0 Transitional，所以，很多以前的 HTML 3.x/4.x 标签和属性还能继续使用。真正写起页面来，并没有多大陌生感。使用 Dreamweaver MX 2004 来做代码编辑器，更是减少了范错几率。
一点体会：
Web 重在呈现内容，呈现内容则重在排版。我过去总是用 table 标签来排，很规整，并且感觉严谨。而 XHTML 的开发模式中，使用 div 来排版，一个个层可以随意的绝对定位，相当自由。看上去，和使用 table 相比，页面代码简洁清晰了很多倍！我再看那密密麻麻的 tr、td 时已经觉得难闻了……
CSS 变得更加重要。我以前写页面，CSS 的作用仅仅是规定一下字体，至多再设置一下“平面文本框/按钮”。排版中最重要的“位置”，都是用 table 来写，<td width="20%" align="center"... 位置是固定的方方块块，不能交叉和覆盖；而用 XHTML 来写，div 的位置全部通过 CSS 来确定，position: absolute; left: 20%; top: 40px;... 相对于 table，div 可以出现在任何位置（想起了我大一时第一次用 DW 2.0，把 layer 到处拖～）因此自然能构造比 table 复杂数倍的版面，而代码却异常的少。独立的 CSS 文件可被缓存，整个页面的 size 也就小了。
显然 XHTML 的内涵是丰富的，不过，就入门来讲，只需要注意下面这些要点，就能比较快的从 HTML 转过来（当然，HTML 你也要熟悉先）：
1. 所有标签都必须用小写字母，<div>, not <DIV>
2. 标签必须成对：有开始和闭合：<div>...</div>，HTML 中的单个标签，如 <br>、<img> 就需要写成 <br />、<img />。
3. 属性值必须写在双引号中，如 <div id="SomeDiv" />
4. 标签不能交叉嵌套。
5. “&”符号必须用实体“&”替换。
6. “Well-formed document”。
XHTML 的 DTD，写在页首：
code:
<?xml version="1.0" encoding="UTF-8"?>
<!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">
<?xml version="1.0" encoding="UTF-8"?>
<!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">
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
