理解xhtml与html5。
html：超文本标记语言 (Hyper Text Markup Language)。【推荐：html文档】
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">
严格型：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
框架型：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
html5：
<!DOCTYPE html>
语义：
html：没有体现结构语义化的标签，我们通常都是这样来命名的<div id="header"></div>.这样表示网站的头部。
html5：在语义上却有很大的优势。提供了一些新的标签，比如：<header><article><footer>
提供了语义化标签可以更好地支持搜索引擎的读取便于seo的蜘蛛的爬行。
HTML5和XHTML在语法上的区别：
1、XHTML 要求正确嵌套
2、XHTML 所有元素必须关闭
3、XHTML 区分大小写
4、XHTML 属性值要用双引号 ；HTML5属性值加单引号、双引号还是不加，全看程序员的喜好。
5、XHTML 用 id 属性代替 name 属性
6、XHTML 特殊字符的处理
7、HTML5新增了canvas绘画元素
8、HTML5新增了用于绘媒介回放的video和audio元素
9、HTML5更具语义化的标签，便于浏览器识别
10、HTML5对本地离线存储有更好的支持，可通过ofline实现
11、HTML5添加了新的表单控件：calendar、date、time、email、url、search
HTML5的优势目前主要是体现在终端上，跨平台、跨分辨率、版本控制简单，它包含的很多新特性，都是针对终端设备，为的就是在以后在终端设备上有更好的体验和交互。
HTML5也有不少缺点，更典型的就是性能和体验达不到Native App的水准。
网友评论文明上网理性发言 已有0人参与
发表评论: