HTML5与HTML4有何区别

HTML5与HTML4相比，存在以下几个主要区别：

文档类型声明

• HTML4：需要更复杂的文档类型声明，例如 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。
• HTML5：简化了文档类型声明，只需 <!DOCTYPE html> 即可。

语法规则

• HTML4：对语法规则要求较为严格，例如需要使用结束标签，属性值必须用引号括起来等。
• HTML5：语法更加宽松，允许省略某些标签的结束标记，甚至有些标签可以省略结束标签。

新元素和属性

• HTML4：元素和属性的数量有限，例如 <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike> 等元素在 HTML5 中已被废弃。
• HTML5：新增了大量元素和属性，如 <header>, <footer>, <nav>, <section>, <article>, <canvas>, <audio>, <video>, <input type="email">, <input type="date"> 等，这些新元素和属性提供了更丰富的语义化和功能。

多媒体支持

• HTML4：需要依赖第三方插件（如 Flash）来播放多媒体内容。
• HTML5：原生支持音频和视频，无需插件，使用 <audio> 和 <video> 标签即可。

表单控件

• HTML4：表单控件有限，例如 <input> 元素的类型较少。
• HTML5：增加了新的表单控件，如 email, date, time, number 等，提供了更强大的表单处理能力。

存储

• HTML4：主要依赖 Cookie 进行数据存储，存储容量有限。
• HTML5：引入了 localStorage 和 sessionStorage，提供了更大的存储容量和更简单的存储方式。

地理位置定位

• HTML4：不支持地理位置定位。
• HTML5：提供了 navigator.geolocation API，允许网页应用获取用户的地理位置信息。

拖放功能

• HTML4：不支持原生拖放功能。
• HTML5：引入了 draggable 和 droppable 属性，支持原生拖放功能。

兼容性

• HTML4：对浏览器的兼容性要求较高，不同浏览器对 HTML4 的支持程度不同。
• HTML5：设计时考虑了跨浏览器兼容性，提供了更一致的浏览器支持。

性能

• HTML5：通过引入新的 API 和优化，提高了网页应用的性能和响应速度。

这些区别使得 HTML5 成为一个更强大、更灵活、更可访问的 Web 开发平台。