HTML5与HTML4的10个关键区别

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>标签

我已经记不得上次是什么时候使用这些标签了。

时间: 2024-12-21 10:09:03

HTML5与HTML4的10个关键区别的相关文章

HTML4 和 HTML5 的10个关键区别

1. HTML5 标准还在制定中首先要注意的是,HTML5虽然现在很火,但是HTML5标准还在制定中,标准仍在改变.HTML4已经10多年了,不会有任何改变了. 2. 简化的语法HTML5简化了很多细微的语法,例如doctype的声明,你只需要写<!doctype html>就行了.HTML5与HTML5,XHTML1兼容,但是与SGML不兼容. 3. <canvas>标签替代FlashFlash给很多Web开发者带来了麻烦,要在网页上播放Flash需要一堆代码和插件.<ca

Html4与Html5的关键区别

HTML5是下一代HTML标准版本,4与5有很多相同之处,有HTML从头构建,比4升级到5要方便. 以下是10个关键区别: 1.HTML5最近很火,但是标准还在制定,4则十年之多了,不会6变: 2.简化声明,如<!DOCTYPE html>: 3.<canvas>标签代替flash,一个标签就能和用户交互,而flash播放器需要一堆代码和插件: 4.明确表明网页结构,新增<header>.<footer>标签(更好体现语义性): 5.新增<sectio

HTML5在HTML4的区别

多人会发现,由于HTML4与HTML5之间的区别,新建一个HTML5的网站远比从HTML4往HTML5上迁移来的容易. 事实上,HTML5并没有对HTML4做非常重大的调整,而且两者之间有很多相似的地方. 虽然如此,两者之间的主要区别仍然需要注意.下面是HTML4与HTML5之间的主要区别(并不是全部,全部列出来是不可能的): 1.HTML5仍然是一个制定中的标准 这第一个区别显而易见,但是也是非常重要的一个,我们从它开始.你也许已经看到了到处都有很多关于HTML5很酷的言论,但是这些都无法改变

HTML5与HTML4的区别(2)

HTML5学习笔记之二——HTML5与HTML4的区别(2) _人人IT网 三.新增/废除的属性 1.新增的属性 1).表单相关的属性 对input(type=text),select ,textarea与button元素新增自动获取焦点的autofocus属性.auto 三.新增/废除的属性 1.新增的属性 1).表单相关的属性 对input(type=text),select ,textarea与button元素新增自动获取焦点的autofocus属性.autofocus 可以赋值为 aut

HTML5和HTML4的区别技术博文

HTML5和HTML4的区别:HTML5新标签的用法解释(部分) 1.<audio>标签 <audio>标签定义声音,比如音乐或其他音频流. HTML5: <audio src="someaudio.wav">您的浏览器不支持audio标签.</audio> HTML4: <object type="application/ogg" data="someaudio.wav"><pa

HTML5与HTML4的比较

HHTML5封装一些标签和属性,方便了开发. 1 <form> 2 <p> 3 <label>Username:<input name="search" type="text" id="search" autofocus></label> 4 </p> 5 </form> HTML5的方式获取输入焦点 1 <form> 2 <p> 3 &l

黑帽SEO作弊的10大关键手法

黑帽SEO作弊的10大关键手法 我今天分享黑帽SEO的作弊方法,不是让大家去学习怎么做黑帽SEO,而是能够让大家知道什么样的手法是黑帽,知道了我们就可以去避免发生这种情况,下面我会详细的说下常用的黑帽SEO手法. 1.利用高权重网站 大家都知道高权重的网站对于我们站点排名的影响是很大的,那么很多黑帽SEO就会利用这些高权重的网站去做链接,大批量的去做,完全的.单一的关键 词指向.他们的目的就是利用这些高权重网站导出的链接并传递权重,迅速的提升某关键词的排名,当然这样肯定不会长久,但也许这些人就是

云原生应用的10大关键属性

"云原生(Cloud Native)"是用于描述基于容器的环境的术语.云原生技术被用于开发应用程序,这些应用程序是使用容器打包的服务构建的.被部署为微服务.并通过灵活的DevOps流程和持续交付工作流在弹性基础架构上进行管理. 在运维团队手动管理传统应用程序的基础架构资源分配的情况下,云原生应用程序部署在抽象了底层计算.存储和网络原语的基础架构上.处理这种新型应用程序的开发人员和运维人员不直接与基础架构提供商公开的API交互.相反的,编排器会根据DevOps团队制定的策略自动进行资源分

HTML5与HTML4的区别-----文档结构

HTML5在结构和语法上做了大量的简化.当然,也提供了语义化的标签 结构上区别: 1.简化了文档声明语句     HTML5仅规定了一种:       <!DOCTYPE html> 2.简化了设置字符编码   <meta charset="UTF-8"> charset 属性是 HTML5 中的新属性,且替换了:<meta http-equiv="Content-Type" content="text/html; chars