第六章(X)HTML与CSS概述
1.DOCTYPE（文档类型）的含义与选择
由于同时存在不同的规范和版本，因此为了使浏览器能够兼容多重规范，规范中规定可以使用DOCTYPE指令来声明使用哪种规范解释该文档。
建议使用XHTML 1.0 transition（XHTML
1.0过渡类型），这样设计师可以按照XHTML的标准书写符合Web标准的网页代码，同时在一些特殊情况下还可以使用传统的做法。
那么如何具体声明使用哪种文档类型呢，请看下面代码。
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/603dfa5b04096152a9b5ff73e08621de7338dfeb.png)
可以看到最上面两行关于”DOCTYPE”（文档类型的声明），它就是告诉浏览器使用XHTML1.0的过渡规范来解释这个文档中的代码。
在第3行中，标记带有一个xmlns属性，它成为”XML命名空间”。
如果嫌太长记不住的话，可以的Dreamweaver中的新建文档对话框中找到文档类型下拉类表框。
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/6e812eb8af5ca6659e10f8bcdc5e5e9b62848196.png)
对于HTML7.01和XHTML1.0分别对应于一种严格类型(Strict)和一种过渡类型（Transition）。默认是XHTML1.0的过渡类型，自动生成所需要的代码。
2.XHTML和HTML的重要区别
**2.1 在XHTML中标记名称必须小写
**
HTML不在意大小写
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/2d1abe75b12659739d5a18867e99aeaee70651b7.png)
但是XHTML中必须严格小写
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/86d895e8f340b7b9dd8c5f0d2d7dc49a93f2a8f6.png)
**2.2 在XHTML中属性名称必须小写
**
同理，HTML不严格
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/b495f7b5d0497968c74ce5ece58a7a36450e050a.png)
XHTML严格
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/bcc0d4b376e6689cbb2ff484d07cc3fb382e5c3c.png)
**2.3 在XHTML中标记必须严格嵌套
**
HTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/a6d4458fcbc52ddbb454ba59e7bc911325fd54ac.png)
XHTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/cca9778f24c2ad00f9847ecc9b6432d797e2993e.png)
**2.4 在XHTML中标记必须封闭
**
HTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/f012cd00e84bb5215bae4a3e7014a39d4ec5e7b3.png)
XHTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/7987a60ac5b851b94cc4778d7990e7ced5b939bd.png)
**2.5 在XHTML中即使是空元素的标记也必须封闭
**
这里说的空元素，是指、
等不成对的标记，它们必须封闭
HTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/9cf4733ecccb5a92adf44587f61af516ff6324fc.png)
XHTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/baf3ce61ae3763fe4e861fc324a8fbb5b18cd286.png)
**2.6 在XHTML中属性值要用双引号括起来
**
HTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/42c32d096f9b60a5f4deaf0796d4d5495f2284f9.png)
XHTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/3ac8d5dbcc1ee34dfcb04e9346d996ad46f22954.png)
**2.7 在XHTML中属性值必须使用完整形式
**
HTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/898b46383b8dd2946fd9f47f600bd702283e7d1f.png)
XHTML
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/89ced5381602482868150ee067f6c4f818c19d54.png)
3.(X)HTML与CSS
3.1 CSS标准
CSS（Cascading Style
Sheet）中文译为层叠样式表，它是用于控制网页表示并允许将样式信息与网页内容分离的一种标记性语言。
3.2 传统HTML的缺点
1）维护困难。为了修改某个特殊标记的格式，需要花费很多时间。
2）标记不足。HTML本身的标记很少，很多标记都是为网页内容服务的。
3）网页过”胖”。由于没有统一对各种风格样式进行控制，
因此HTML的页面旺旺体积过大，占用了很多宝贵的带宽。
4）定位困难。过多的其他标记导致页面复杂和后期维护困难。
3.3 CSS的引入
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/d0af8438d3a9e6e96ad2084d29d062f7b52ad86d.png)
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/aecc8dc702cbcbcb637f1064b25e7b3c51b1817f.png)
HTML%E4%B8%8ECSS%E6%A6%82%E8%BF%B0/8b0c3e6e0a7eb393e71b0178b1cfe7c367f38711.png)
本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！