HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多。虽然HTML5没有完全颠覆HTML4,它们还是有很多相似之处,但是它们也有一些关键的不同。本文就列出了它们之间10个关键的不同之处。
1.HTML5标准还在制定中
首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变。HTML4已经10多年了,不会有任何改变了。
2.简化的语法
HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了。HTML5与HTML5,XHTML1兼容,但是与SGML不兼容。
3.<canvas>标签替代Flash
Flash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件。<canvas>标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前<canvas>标签还不能实现Flash的所有功能,但是很快<canvas>就会让Flash看起来老土,哈哈!
4.新增<header>和<footer>标签
HTML5设计的一个原则是更好的体现网站的语义性,所以增加了<header>和<footer>这样的标签,用来明确表示网页的结构。
5.新增<section>和<article>标签
与<header>,<footer>类似,<section>和<article>也有利于清晰化网页的结构,更有利于SEO。
6.新增<menu>和<figure>标签
<menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。<figure>标签使得网页文字和图片的排版更专业。
7.新增<audio>和<video>标签
这两个标签可能是HTML5里面最有用的两个标签了。顾名思义,这两个标签是用来播放音频和视频的。
8.全新的表单
HTML5对<form>和<forminput>标签进行了大量修改,添加了很多新的属性,也修改了很多属性。
9.删除<b>和<font>标签
这个改进我还无法理解。我不认为删除这两个标签对代码的改进有很大的帮助。官方的解释是应该用CSS来替代这两个标签。但我还是觉得对于简单的文本,这两个标签还是很方便的。
10.删除<frame>,<center>,<big>标签
我已经记不得上次是什么时候使用这些标签了。
以上十点只是HTML5和HTML4差别的很小一部分,最新最全的HTML5-HTML4对比信息请看:http://dev.w3.org/html5/html4-differences/
分享到:
相关推荐
HTML5是一种先进的Web技术,它在过去的十年里极大地改变了网页设计和开发的格局。随着HTML5的出现,开发者能够创建出更加动态、交互性强且功能丰富的网页应用,而无需依赖于传统的插件或桌面应用程序。"HTML5高仿Win...
HTML5与HTML4作为网页标记语言的两个版本,承载了不同年代网页开发的特性和规范。以下分别概述了这两个版本的关键区别: 1. 简化了的语法 HTML5 对语法进行了简化,例如在声明文档类型时,仅需使用简短的 <!doctype...
在本篇文章中,我们将深入探讨HTML5在手机网站开发中的应用,以及通过分析30个不同的手机网站源码,你可以学到的关键知识点。 1. **响应式设计**:HTML5引入了媒体查询(Media Queries)和流式布局(Fluid Grids)...
总的来说,"HTML5无限循环滚动图片展示"是一个综合运用HTML5、CSS3和JavaScript技术的实例,展示了现代Web开发中的动态视觉效果和互动体验。开发者可以通过学习和理解这个插件的实现,提升自己的前端开发技能,尤其...
4. **丰富的API和库**:HTML5生态系统中有大量的开源库和框架,如jQuery、AngularJS、React和Vue.js,这些都可以加速开发进程。 ### 使用HTML5开发iOS应用的方法 1. **Cordova/PhoneGap**:Apache Cordova是一个...
这个资源包“16套html5数据大屏分析显示模板”显然旨在为开发者提供一系列现成的解决方案,帮助他们快速构建用于数据可视化和分析的大屏幕展示。这些模板通常用于企业监控室、报告展示或数据分析会议,能够有效地...
虽然HTML和XHTML在很多方面相似,但它们之间存在一些关键的差异。 **HTML的起源与发展** HTML自1990年代初由蒂姆·伯纳斯-李发明以来,经历了一系列版本的更新。从HTML 1.0到HTML 4.01,这些版本逐渐完善了语义和...
HTML5是下一代网页标准,它在原有的HTML4基础上增加了许多新的功能和特性,极大地提升了Web应用的性能和用户体验。HTML5 App界面模板是基于这些新特性的设计,旨在为移动应用或现代Web应用提供流畅、互动且响应式的...
此“html5个人网站源码”是一个理想的起点,尤其是对于初学者,想要了解和掌握HTML5的核心特性的实践应用。 首先,`index.html`是网站的主页面,它定义了网页的基本结构。HTML5引入了一些新的元素,如(页眉)、...
HTML5小游戏源码集合是一个非常宝贵的资源,尤其对于想要学习和提升HTML5游戏开发技能的开发者来说。这个压缩包包含了80个不同的小游戏,每个都是按照微信小游戏的标准和风格设计的,提供了丰富的实践素材和灵感来源...
在这个"Html5调用摄像头读取二维码(全部源码)"项目中,我们主要探讨的是如何利用HTML5的 getUserMedia API 和二维码识别库来实现在网页上直接通过摄像头扫描二维码的功能。 1. **getUserMedia API**: 这是HTML5 ...
在这个"我和小狗的一天"的HTML5养成游戏中,我们可以看到HTML5技术在游戏开发中的实际应用,为用户提供了一种全新的娱乐体验。 首先,HTML5的Canvas元素是游戏的核心部分,它是用于在网页上进行动态图形绘制的画布...
通过深入研究这些文件和目录,Delphi开发者不仅可以掌握如何在他们的应用程序中使用这个HTML5支持的Chrom控件,还能学习到如何处理第三方组件、如何调试源码以及如何利用Delphi的包系统来管理自定义组件等知识。...
本压缩包包含了一份详细的HTML5开发文档,涵盖了HTML5的新特性、标签、用法以及与HTML4的差异,对于学习和理解HTML5至关重要。 一、HTML5的新特性 1. 语义化标签:HTML5引入了一系列新的语义化标签,如、、、和等,...
第01章《初识HTML5》中,你将学习到HTML5的基本概念,了解它与前代HTML4的区别,如语法简化、语义化元素的引入,以及如何在文档中声明DOCTYPE。此外,还将讲解HTML5的文档结构,如、等基本元素的使用。 第02章...
HTML5是超文本标记语言的第五个主要版本,引入了许多新的元素和API,旨在提高网页的互动性和可用性。对于滑动页面切换Tab的功能,HTML5的一些关键特性包括: 1. 新的结构元素:如`<header>`、`<nav>`、`<section>`...
HTML5作为现代网页技术的代表,以其强大的跨平台能力和丰富的多媒体支持,成为开发网络应用和游戏的热门选择。本资源提供的是一个基于HTML5的《欢乐斗地主》游戏源码,它实现了人机对弈模式,让我们来深入探讨一下这...
在“html5课程设计”这个项目中,我们可以学习到以下几个关键的HTML5知识点: 1. **新元素的引入**:HTML5引入了一些结构性元素,如(页眉)、(导航)、(区段)、(文章)、(侧边栏)和(页脚),这些元素帮助...
在HTML4中,标签是用来标识网页内容和结构的关键元素。以下是一些核心的HTML4标签,以及它们的作用和用法: 1. `<html>`:这是每个HTML文档的根元素,包含了整个页面的结构。 2. `<head>`:这部分包含文档元信息,...
在“95个HTML5微信小游戏源码”这个资源中,你将有机会深入学习和研究各种类型的HTML5小游戏的实现细节。源码是理解游戏工作原理的最好教材,通过阅读和分析这些源码,开发者可以学习到以下关键知识点: 1. **HTML5...