xhtml入门视频教程-一些规范

作者:divcss教程吧      点击次数:759次     发布日期:2015-06-02

xhtml入门视频教程-一些规范

XHTML简介
 

l简单点说:X是吓唬人的,其实XHTML就是严谨而准确的HTML。如果说HTML是汉语,那么XHTML就是标准普通话。
l复杂点说:XHTML是HTML的“升级”产品。事实上它也属于HTML家族,对比以前各个版本的HTML,它具有更严格的书写标准、更好的跨平台能力。 由于某些需要,XHTML将以前版本的HTML能够实现的一些功能交给了CSS,这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代 表“可以扩展的”。


DOCTYPE文件头声明
DOCTYPE是document type(文档类型)的简写,在网页制作中用来说明你用的XHTML或者HTML是什么版本。
DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。
常见的三种类型
过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法),完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

* 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>,完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

* 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD,完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">


IMG
 

limg 元素向网页中嵌入一幅图像。
l请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
l<img> 标签有两个必需的属性:src 属性 和 alt 属性。




规范要求
1.所有的标记都必须要有一个相应的结束标记
<br />
2.所有标签的元素和属性的名字都必须使用小写
<title>和<TITLE>是不同的标签
3.所有的XML标记都必须合理嵌套
<p><b></p>/b>    必须修改为:   <p><b></b>/p>
4.所有的属性必须用引号""括起来
<height=80> 必须修改为:<height="80">
5.把所有<和&特殊符号用编码表示

6.给所有属性赋一个值XHTML规定所有属性都必须有一个值,没有值的就重复本身。例如: 
<input type="checkbox" name="shirt" value="medium" checked="checked">
7.不要在注释内容中使“--”
<!--这里是注释============这里是注释-->

 

分享DIVCSS8