HTML与XHTML区别
1、XHTML元素必须被正确地嵌套
2、XHTML 元素必须被关闭，空标签也必须被关闭。如
3、XHTML 元素必须小写
4、XHTML 文档必须拥有一个根元素
5、XHTML属性名称必须小写，属性值必须加引号，属性不能简写。如：
6、XHTML用 id 属性代替 name 属性。
注意：应该在 "/" 符号前添加一个额外的空格，以使你的 XHTML 与当今的浏览器相兼容
7、语言属性（lang）lang 属性应用于几乎所有的 XHTML 元素。它定义元素内部的内容的所用语言的类型。如果在某元素中使用 lang 属性，就必须添加额外的 xml:lang，像这样：
XHTML 1.0 的三种 XML 文档类型
XHTML 1.0 规定了三种 XML 文档类型，以对应上述三种 DTD。
- XHTML 1.0 Strict
- PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在此情况下使用：需要干净的标记，避免表现上的混乱。请与层叠样式表配合使用。
- XHTML 1.0 Transitional
- PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在此情况下使用：当需要利用 HTML 在表现上的特性时，并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。
- XHTML 1.0 Frameset
- PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
在此的情况下使用：需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。
HTML4与HTML5
最近HTML5甚火，我们再来看一下HTML5标签与HTML4标签的一些不同之处：
1.概念的变化：
HTML5专注内容与结构，而不专注的表现
标题:HTML5专题视频教程
2.声明与标签：
HTML5在更多的声明和标签上面做了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素。
HTML5标签语法介绍及新增标记
（1）、语法标签：
a. 不允许写的结束符的标签：area、basebr、col、command、Embed、hr、img、input、keygen、link、meta、param、source、Track、wbr
b. 可以省略结束符的标签：li、dt、dd、p、rt、optgroup、option、Colgroup、thread、tbody、tr、td、th
c. 可以完全省略的标签：html、head、body、colgroup、tbody
（2）、新增标签：
标记定义一篇文章
标记定义页面内容部分的侧边栏
标记定义音频内容
标记定义图片
标记定义一个命令按钮
标记定义一个下拉列表
标记定义一个元素的详细内容
标记定义一个对话框(会话框)
标记定义外部的可交互的内容或插件
标记定义一组媒体内容以及它们的标题 标记定义一个页面或一个区域的底部
标记定义一个页面或一个区域的头部
标记定义文件中一个区块的相关信息
标记定义表单里一个生成的键值
标记定义有标记的文本
标记定义 measurementwithin apredefinedrange
标记定义导航链接
标记定义一些输出类型
标记定义任务的过程
标记是用在Rubyannotations 告诉那些不支持Ruby元素的浏览器如何去显示
标记定义对rubyannotations的解释
标记定义 rubyannotations.
标记定义一个区域
标记定义媒体资源
标记定义一个日期/时间
标记定义一个视频
HTML5简单示例
- >
- <head>
- <meta charset=utf-8>
- <title>PHP100中文网HTML5专题title>
- <style type="text/css" rel="stylesheet">
- header,nav,article,footer {border:solid 1px #666;padding:5px}
- header{width:500px}
- nav{float:left;width:60px;height:200px}
- article{float:left;width:428px;height:200px}
- footer{clear:both;width:500px}
- style>
- <script type="text/javascript">
- document.createElement('article');
- document.createElement('nav');
- document.createElement('header');
- script>
- head>
- <body>
- <header>
- <hgroup>导航相关数据hgroup>
- header>
- <nav>菜单nav>
- <article>
- <h1>HTML5专题视频教程h1>
- 发布日期:<time>09:00time>
- <time datetime="2013-2-10">春节time>
- <p>测试相关内容p>
- article>
- <footer>
- <address>地址address>
- footer>
- body>
- html>