XHTML学习笔记01

1、XHTML是什么?

  • XHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language)。
  • XHTML 的目标是取代 HTML。
  • XHTML 与 HTML 4.01 几乎是相同的。
  • XHTML 是更严格更纯净的 HTML 版本。
  • XHTML 是作为一种 XML 应用被重新定义的 HTML。
  • XHTML 是一个 W3C 标准。

2、XHTML和HTML4.01的不同

  • XHTML 元素必须被正确地嵌套
  • XHTML 元素必须被关闭
  • 标签名必须用小写字母
  • XHTML 文档必须拥有根元素

3、正确地嵌套

例如:

1 <b>
2     <i>This text is bold and italic</i>
3 </b>

4、元素关闭

非空标签必须使用结束标签,如:

1 <p>这是一个段落.</p>
2 <p>段落标志p也必须用结束标签.</p>

空标签也必须使用结束标志,例如<br>

1 第一个段落.<br/>
2 第二个段落.<hr/><br/>
3 第三个段落.<img src="1.gif" alt="图片1"/>

5、必须小写

1 <body>
2     <p>大写的标签BODY和P将会产生错误。</p>
3 </body>

6、根元素

所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下:

1 <html>
2     <head>
3         <title>文档标题</title>
4     </head>
5     <body>文档主体</body>
6 </html>

7、XHTML语法规则

XHTML代码需要纯净的HTML语法。

  • 属性名称必须小写
  • 属性值必须加引号
  • 属性不能简写
  • 用 id属性代替 name 属性
  • XHTML DTD 定义了强制使用的 HTML 元素

例如:属性必须小写并加引号

 1 <table width="100%"> 

HTML某些属性可以简写,在XHTML中改写:

HTMLXHTML
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

用id属性取代name属性,如a, applet, frame, iframe, img, 和map。

<img src="picture.gif" id="picture1"  />

语言属性(lang)应用于几乎所有的 XHTML 元素,它定义元素内部的内容的所用语言的类型,如果在某元素中使用 lang 属性,就必须添加额外的 xml:lang,如:

<div lang="zh" xml:lang="zh">中国</div>

所有 XHTML 文档必须进行文件类型声明(DOCTYPE declaration),在 XHTML 文档中必须存在html、head、body元素,而 title 元素必须位于在 head 元素中,最小化的XHTML文件模板:

1 <!DOCTYPE Doctype goes here>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3     <head>
4         <title>标题</title>
5     </head>
6     <body></body>
7 </html>

注意:

1、文件类型声明并非 XHTML 文档自身的组成部分,它并不是 XHTML 元素,也没有关闭标签。

2、在 XHTML 中,<html> 标签内的 xmlns 属性是必需的。

 

posted @ 2014-05-10 16:08  weddy.zheng  阅读(164)  评论(0)    收藏  举报