首页
标准版
本帖最后由 kenneth 于 2012-10-23 15:05 编辑
大家好我是肯尼斯~以下召唤肯尼围观一下~@口肯口肯ken娘
笔者虽然也不是什么高手，从事网页设计也有一年多。
接着是我的网站http://an-ti.net 【由于网站还在初期，没有什么实质的东西。。。只是宣传一下= =
嘛~接下来废话不多说，今天要讲的就是入门里最入门的系统化的东西~
HTML历史及版本
首先我们来几段文摘~
什么是 HTML？HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
【摘自：W3school】
虚拟主机超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1996年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准
XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。
XHTML 1.1, 于2001年5月31日发布
(XHTML 2.0, W3C工作草案)
【摘自：某资料】
什么是 HTML5？
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
【摘自：W3school】
以上都是我刚刚现找的~但其实想真正了解静态语言版本，网上许多资料都是不全面的
我们现在常用的当然只有HTML4.01/XHTML1.0/刚兴起的HTML5
各版本区别各种不同，要根据不同浏览器进行代码调整也是必要的
那么什么才是真正的HTML版本问题呢~版本问题又会涉及到什么呢~
我们现在来仔细探讨html版本~
首先我们来学习一下如何看懂<!doctype html>标签，于是再摘几个代码段~
（这是由DW CS6给出的标准初始文档）
[mw_shl_code=html,true]<!doctype html>
*本站禁止HTML标签噢*
*本站禁止HTML标签噢*
<meta charset="utf-8">
*本站禁止HTML标签噢* 无标题文档</title>
</head>
*本站禁止HTML标签噢*
</body>
</html>[/mw_shl_code]这是HTML5文档【为方便~以下直接贴出doctype行~
[mw_shl_code=html,true]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
*本站禁止HTML标签噢* [/mw_shl_code]这是HTML4.01 Transitional文档（html标签无xmlns属性）
[mw_shl_code=html,true]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
*本站禁止HTML标签噢* [/mw_shl_code]这是HTML4.01 strict文档（html标签无xmlns属性）
[mw_shl_code=html,true]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[/mw_shl_code]这是XHTML1.0 Transitional文档（!DOCTYPE html 的html是小写）
[mw_shl_code=html,true]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[/mw_shl_code]
这是XHTML1.0 Strict文档（!DOCTYPE html 的html是小写）
[mw_shl_code=html,true]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">[/mw_shl_code]这是XHTML1.1文档（!DOCTYPE html 的html是小写）
大家可以看看使用DW新建一下常用版本，然后比较一下看看有什么区别
狗血吧~！！那个时候笔者为了理顺这些个版本，也是花了些时间。
唔~现在应该就会有人问，版本什么的其实都不太严格，服务器会判断啊什么。
其实，html版本与网页设计有着千丝万缕的联系。
接下来我们就讨论一下版本的区别。
~嘛~其实根本就不用那么严肃的讲~
读者童鞋可能也看到上面版本介绍后面有些括号标注着一些东西~
首先看html4.01T版（以下简称401t）[mw_shl_code=html,true]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
*本站禁止HTML标签噢*
*本站禁止HTML标签噢*
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
*本站禁止HTML标签噢* 无标题文档</title>
</head>
*本站禁止HTML标签噢*
*本站禁止HTML标签噢* Hello World!</p>
*本站禁止HTML标签噢*
*本站禁止HTML标签噢* Hello World!</p>
*本站禁止HTML标签噢*
</body>
</html>[/mw_shl_code]大家把代码复制到记事本存成html后缀就可以看到网页效果了
首先doctype标签说明了html版本是401t的，说明这是个宽松的html文档，对各种标签都没有那么严格
需要注意的是401版本中标签不区分大小写，属性可以不写值，有一些可以不写闭合标签，都能接受
由于过于宽松，于是就被各种淘汰了，所以401t版和401s版都不常用了~
下面看看代码，形如：
[mw_shl_code=applescript,true]<P align="center" CLASS=xxx>Hello World!</p> <!--居然可以使用-->
*本站禁止HTML标签噢* <!--这样的换行，其实是不符合标准的，但是401t照样收-->[/mw_shl_code]按照xhtml的标准，上面的代码就完全不符合了，所以应该是这样
[mw_shl_code=applescript,true]<p align="center" class="xxx">Hello World!</p> <!--标签名全部小写，属性值要使用引号-->
<br \> <!--单标签要空格后自闭合，使用小写标签-->[/mw_shl_code]这才是xhtml的标准，所以大家在写静态的时候是否有注意这些问题呢？
下面介绍一下严格版本与宽松版本，还有笔者超看不顺眼的框架版本
HTMLHTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset。
HTML Strict DTD
如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入样式表的呈现属性和元素。如果您的读者使用了不支持层叠样式表（CSS）的浏览器以至于您不得不使用 HTML 的呈现特性时，请使用此类型：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
Frameset DTD
Frameset DTD 应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外，Frameset DTD 等同于 Transitional DTD：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
这是w3school给出的版本解释= =有些晦涩不过还是挺清楚的，笔者就不再做累赘的解释，xhtml基本也是这样理解
附：HTML 元素与合法的 Doctype（更好的说明在哪个版本里哪个标签不能使用）
说到这里，相信读者对html/xhtml版本都已经有个初步的了解了吧。接下来说说html5。
照样摘百度百科~
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。
= =果然好学术好晦涩，好吧，前端的福音来了~html5的融合程度与美观性易用性，
较之旧版改善巨大，甚至去除了所谓的t版什么的区别，功能改善也是非常的大，虽说处于发展阶段，但是笔者对html5还是非常的看好的。
附：度娘口中的html5（本文档将html5解释的挺详细，大家可以参照着看）
于是乎讲讲html5的注意事项吧~
嘛~照样标签全部小写！！！
属性名要小写！！！
每个属性以一个空格分开！！
属性值带引号！！！
单标签要闭合（这个似乎不严格~）！！！
就这些东西要注意，其次是，有些前版本标签在5中不好使！！！！
记得这些，基本上能够符合标准。。。
再接下来：讲讲标签使用[mw_shl_code=applescript,true]<p align="center" id="title" class="cent left b">Hello World!</p> <!--这个很正常的说~-->
<div style="font-size:22px;"><span style="color:green;"> *本站禁止HTML标签噢* Hello World!</p></div></span> <!--居然可以使用是吧？？太神奇了div在span还没闭合前就闭合了，真是神文档树阿！！虽然可以使用= =但是代码长了你确定你看得懂？-->[/mw_shl_code]噗~这是个什么写法？？？？嘛~入门的人不注意就会写成这样
尤其是代码长了，你想改个层级，估计自己都找不到问题= =元芳？你怎么看？
所以笔者建议，标签层级很重要噢~尤其是使用css的时候哟~
最后！！！说说什么是W3C。。。。
额，说白了就是个国际组织——万维网联盟
此组织致力于web标准化= =
也就是说，html和各种web应用的规范和标准，其实就是联盟制定的【部落呢？
想知道你自己写的网页是否符合W3C标准？
请戳这里（有中文版的哟~）
嘛~好了！大家下课= =
我差不多也要去上课了= =
敬请关注下节课——CSS简介及基础
另：请问上传文档怎么上传？我这儿有各版本参考手册
免得大家再找= =要是实在不行我就用服务器我次奥~
这个是CSS2+CSS3+HTML5+W3SCHOOL的chm文件合集
