html、html5与xhtml的区别

深藏阁楼爱情的钟 2022-01-22 15:03 318阅读 0赞

一、基本概念：

html:超文本标记语言 (**H**yper **T**ext **M**arkup **L**anguage)

xhtml:可扩展超文本标记语言，是一种置标语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。

h5:最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：h5≈ html+CSS 3+js+API。

html特性：

*  标识文本。例如：定义标题文本、段落文本、列表文本、预定义文本。
 *  建立超链接，便于页面链接的跳转。
 *  创建列表，把信息有序组织在一起以方便浏览。
 *  在网页中显示图像、声音、视频、动画等多媒体信息，把网页设计得更富冲击力。
 *  可以制作表格，以便显示大量数据。
 *  可以制作表单，允许在网页内输入文本信息，执行其他用户操作，方便信息互动。

h5的认识：

*  新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
 *  减少对外部插件的需求（比如 Flash）
 *  更优秀的错误处理
 *  更多取代脚本的标记
 *  HTML5 应该独立于设备
 *  开发进程应对公众透明

h5新特性：

*  用于绘画的 canvas 元素
 *  用于媒介回放的 video 和 audio 元素
 *  对本地离线存储的更好的支持
 *  新的特殊内容元素，比如 article、footer、header、nav、section
 *  新的表单控件，比如 calendar、date、time、email、url、search

二：文档类型声明方式：

html:

过渡型：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

严格型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

框架型:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

xml:

过渡型:

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

严格型: