XHTML与HTML的关系
        推荐使用XHTML代替HTML进行网页编码，从XHTML的名称上来看，似乎与XML与HTML有着很大的联系，的确是这样，XHTML可以看作是一种由HTML向XML的过渡时期的网页结构语言，用于替代HTML，帮助开发者适应新的标准以便转向XML。
        我们提到的XHTML的第一个版本——XHTML1.0规范，XHTML1.0与HTML4.01几乎完全相同，可以简单看作是HTML4.01的小小升级，XHTML对设计提出更高的要求与规范，我们应该以更严谨的编码来替代HTML松散的编码结构，真正使页面代码清晰易读，以便于样式设计与浏览器解析。
 
选择合适的doctype
 
        一个标准的XHTML文档必须以doctype标签为开始，doctype标签用于定义文档的类型，对于XHTML而言，类型可以使用3种不同的XHTML文档类型，使用方式如下：
       
        Transitional类型  XHTML文档类型一种。是一种过渡类型，使用过度类型的XHTML网页，浏览器对XHTML的解析较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。
       
        Strict类型  严格类型。使用此类型的网页，浏览器解析将相对严格，不允许使用任何表现样式的标识和属性，如在元素中直接使用bgcolor背景颜色属性。
       
        Frameset类型  框架页类型，如果网页使用了框架结构，就有必要使用这样的文档说明。
        XHTML的提出，从本质上要求使用XHTML的各个标签来定义文档中内容的结构，而并非去表现其样式，因此最终的XHTML编写方式应该是使用Strict类型。然而在现阶段直接使用Strict有时会使编码方式变得过分狭窄，因此一般情况下使用Transitional类型即可，既符合XHTML标准，也能够自由的编写网页代码，一个使用Transitional类型的标准XHTML文档代码应该如下格式。
       
       
       
       
       
       
       
       
       
        之后便可以在body中加入其他内容，而在head之中指定CSS样式代码。
 
什么样的网站才会用得到这3种doctype方式
        目前网络上大部分网站都采用的是Transitional这种过渡型的方式，但是其他两种方式也不乏有人使用。
 
选择合适的标签
        在使用表格布局的时期，设计师几乎只认识table标签，而在XHTML编码中，就要使用更多的标签来组织内容了。表格式布局之中，所有样式都由表格替代，无论是标题还是列表，都使用表格中的单元组合来实现，这样做使得网页代码变得混乱，可读性差，也不利于修改，XHTML标记最终目的是给内容定义结构，浏览器通过解析标签把页面内容按结构展现出来。因此对于每个元素，都可以选择适合于这个元素的标签进行编码。
 
        布局
        div标签是布局用标签的首选，页面中的每一个区域，如页头、页脚、左分栏、右分栏都可以使用div进行标识，例如：
       
[...网页头部...]
       
[...网页内容区...]
        文本
        XHTML中提供了许多丰富的标签用于文本的排版，如h1～h6标签，能够用于标识标题型的内容，p表示段落，strong用于加粗等，例如：
       

[...文章标题...]

       

[...文章副标题...]

       

[...正文...]

        图片及其他对象
        HTML中就存在的img标签，以及插入Flash时常常用到的object标签，都可以用于图片及对象的插入，如：
       
        列表元素
        列表元素除了应用在列表行内容之外，也可以作为导航的设计，XHTML提供了包含ul、ol、li、dl、dt、dd在内的几种列表标签。
        另外还有用于表单的form、input、selected以及表格用的标签等。一部分标签包括h1、ul这类标签，在表格式布局之中并没有经常遇到，而在CSS布局里，他们将是网页标签的主力。
 
给CSS留下接口
 
         有了标签，就有了包含内容的页面对象，但CSS需要用XHTML中的id与class属性来控制这些对象。XHTML中的任何一个对象，都可以设置id或class属性，id与class都用于标识一个对象，如：
       

        id为content的p标签，相当于有了一个名称叫content，在CSS中只需要使用：
        #content {
                  [...样式代码...]
        }
        这样便可以为这个P对象编写样式，有了这个方法，页面中即使有多个P标签，但只要id不同，我们便可以分别为它们编写样式代码，而在XHTML中，每一个页面上，id名称只能使用一次，不允许使用重复的id名称。
        class属性页可以用相同的方式使用，如：
       
        class 主要用途就是对应CSS样式，class名称在页面中允许重复使用，也就是说同一样式可以用在多个XHTML对象之中，如某个span拥有class为blue，而某个div或某个p样式也同样可以使用class="blue"，而CSS中对blue的样式设定，将同时作用于所有应用class为blue的对象。
        有了id与class，CSS便可以为页面增加样式了。