W3C指定了XHTML1.1规范和HTML4.0.1规范,这两种规范相互兼容。
XHTML简介(可扩展超文本标记语言)
HTML是一种简单的标记语言,因为历史的原因,HTMl已经走到了一个比较混乱的局面,而XHTML则可以当成是HTML的升级版,它制定了更加规范、更加统一的标准。基本上我可以这样理解:XHTML是更标准的HTML
XHTML 规定主要是为了使HTML文档更加的严谨更加的结构化而产生的,所以一个XHTML文档首先必须是一个XML文档
XML文档是一种结构化的文档,它有如下四条基本规则:
整个文档有且仅有一个根元素;
每个元素都有开始标签和结束标签组成
元素与元素之间应该合理的嵌套
元素的属性必须有属性值,且属性值必须有单引号或双引号括起来
XHMTL基本语法
XHTML的基本结构和规则
XHTML文档首先必须是一份XML文档,所以必须遵守XML四项规则,除此之外,XHTML要求所有的标记名称使用小写的字母,且属性必须有属性值,不能省略,且必须用引号引起来。
XHTML和DTD
由于XHTML首先是一份XML文档,而XML文档除了满足基本的文档规则之外,还应该使用DTD(文档类型定义)或Schema来定义XML文档的语义约束,所以XHTML文档也应该制定合适的语义约束。XHTML使用DTD来指定语义约束
DTD信息应该添加到XHTML文档的开头部分,它是XHTML文档的必须部分,因此一份标准的XHTML文档应该有如下格式:
<!DOCTYPE …>
<html>
<head>….</head>
<body>…</body>
</html>
XHTML1.0的三种文档类型,分别对应如下三种DTD声明:
XHTML1.0 Strict
严格的XHTML语义约束,其DTD语法如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
当使用这种DTD语义约束时,整个XHTML文档需要使用干净的XHTML标记,避免表现上的混乱,通常需要与CSS结合使用
XHTML1.0Transitional
传统的XHTML语义约束,其DTD语法如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
当使用这种DTD语义约束时,可以利用HTML文档在表现上的特性并为那些不支持CSS的浏览器编写XHTML文档,这种DTD约束和传统HTML文档保持了较好的兼容性,因而是最常用的DTD语义约束
XHTML1.0 Frameset
框架集XHTML语义约束,其DTD语法格式如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
当需要在XHTML页面中插入框架时,将浏览器分割为两个或更多的框架时,就应该使用这种类型的DTD语义约束了
指定某个页面使用框架集后,则该页面中不能包含<body>元素
在编写了XHTML页面后可以利用W3C组织提供的验证器来验证我们的页面是否规范,登录
http://validator.w3.org/站点即可看到W3C提供的标签验证页面
XHTML的常用标签
基本标签
<html>:它是XHTML文档的根元素,在XHTML文档中使用时可以指定一个 xmlns属性,其值只能是http://www.w3.org/1999/xhtml
<body>:它用于定义XHTML文档的页面主体部分,该标签可以指定id、class、style等核心属性,还可以指定onload、onunload、onclick、onkeydown、onmouseup、onmouseover、
onmousemove、onmouseout、onkeypress、onkeydown、onkeyup等事件属性,这些属性用于指定javascript脚本
<style>:该属性用于引入样式的定义
<h1>到<h6>:定义标题一到标题六
<p>:定义段落,该表现可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性
<br />:插入一个换行,该标签可以指定id、class、style等核心属性
<hr />:定义水平线,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。
<!--…-à:定义注释
<div>:定义文档中的节,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。
<span>: 与<div>基本相似,区别是所定义的节默认不会换行。该标签可以指定和<div>相同的属性
文本格式化标签
<b>:粗体文本 <i>:斜体文本 <em>:强调文本 <big>:大号字体文本 <strong>:粗体文本 <small>:小号字体文本 <sup>:上标 <sub>:下标 <bdo dir=”rtl”或”ltr”>:文本显示方向
超级链接及锚点
<a href=”链接资源” target=””>要显示的文本内容</a>
其中target属性有_self、_blank、_top、_parent等值,分别代表自身、新窗口、顶层框架、父框架来装载新资源
列表相关标签
<ul>定义无序列表,该元素只能包含<li../>子元素
<li>定义列表项目</li>
<li>定义列表项目</li>
</ul>
<ol start=”1或A” type=”I或i”>定义有序列表。
<li>定义列表项目</li>
<li>定义列表项目</li>
</ol>
<dl>定义列表
<dt></dt>定义标题列表项
<dd></dd>
<dd></dd>定义普通列表
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
图像相关标签
<img src=”” width=”” height=”” alt=”” alt=”” />
<map name=”” id=””
<area shape=”rect(默认是矩形区域)或circle(圆形)或poly(多边形)” coords=”指定多个坐标值,用于确定区域位置” href=”区域所链接的资源” alt=”提示信息” />
<area shape=”” coords=”” href=”” alt=”” />
<area shape=”” coords=”” href=”” alt=”” />
/>