今天试着用 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,写在页首:
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">