HTML5与HTML4区别如下:
1、语法简化
HTML、XHTML的DOCTYPE、html、meta、script等标签,在HTML5中有大幅度的简化。
2、统一网页内嵌多媒体语法
以前,在网页中播放多媒体时,需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后,使用<video>或<audio>标签播放视频和音频,不需要在安装其他的什么来播放了。
3、新增了语义标签
为了增加网页的可读性,HTML5增加了<header>、<footer>、<section>、<article>、<nav>、<hgroup>、<aside>、<figure>语义标签。
4、HTML5废除了一些旧标签
废除的大部分是网页美化方面的标签,例如:<big>、<u>、<font>、<basefont>、<center>、<s>、<tt>。对<frame>框架,不能使用。
5、全新的表单设计
表单是网页设计者最常用的功能,HTML5对表单做了很大的更改,不但新增了几项新的标签,对原来的<form>标签也增加了许多属性。
6、新增了<canvas>标签,可以绘制图形
HTML5新增了具有绘图功能的<canvas>
扩展资料HTML5新特征
1、表单是实现用户与页面后台交互主要组成部分,HTML5在表单的设计上功能更加强大。input类型和属性的多样性大大地增强了HTML可表达的表单形式,再加上新增加的一些表单标签,使得原本需要JavaScript来实现的控件,可以直接使用HTML5的表单来实现。
2、HTML5较之传统的数据存储有自已的存储方式,允许在客户端实现较大规模的数据存储。为了满足不同的需求,HTML5支持DOM Storage和Web SQL Database 两种存储机制。
其中,DOM Storage 适用于具有key/value对的基本本地存储;而WebSQLDatabase是适用于关系型数据库的存储方式,开发者可以使用SQL语法对这些数据进行查询、插入等 *** 作。
3、HTML5最大特色之一就是支持音频视频,在通过增加了<audio>、<video>两个标签来实现对多媒体中的音频、视频使用的支持,只要在Web网页中嵌入这两个标签,而无需第三方插件(如Flash)就可以实现音视频的播放功能。
HTML5对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面的加载速度,扩展了互联网多媒体技术的发展空间。
参考资料来源:百度百科—html5
基本沿用了html基础语法。但更简洁更人性化,主要有以下5点:
<!doctype html>
字符集设置
<meta charset="utf-8">
不允许写的结束符的标签: area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr
可以省略结束符的标签: li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th
新增结构化标签 :
从<div>...<div/>派生而出
(1)header标签 :顾名思义,header标签用于将 HTML 页面的一部分标记为页眉。
(2)section标签 :section标签用于标识页面上的重要内容部分。该标签有点类似于将一本书分成几个章节。
(3)article标签 :article标签标识了 Web 页面中的主要内容。以博客为例,每篇帖子都构成一个重要内容。
(4)aside标签 :aside标签表示标签中包含的内容与页面主要内容相关,但不是该页面的一部分。这有点类似于使用括弧对正文进行注释(就像这样)。括弧中的内容提供关于该元素的一些附加信息。
(5)footer标签 :footer标签将所包含的元素内容标记为文档的页脚。
( 6)nav标签 :nav标签中包含的内容主要用于导航。
示例:
新增媒体标签:
video
audio
embed
<input type="checkbox" checked/>
写明表示true;否则false
不区分大小写,与xhtml不同
单双引号皆可,有空格时不行。
共同点:都是html超文本标记语言,不同的是版本以及的是部分语法标准
不同点:
1、HTML5是最新的HTML标准,但是html5并没有对html进行大幅度的改变,很多标签和语法还是相似的,主要的却别
1)HTML5语法更简单了
<!doctype html>2)新增了更多语义性标签
例如新增以下标签:
<canvas></canvas> <!--最具特色的画布标签,替代现在的Flash--><header></header>
<footer></footer>
<section></section>
<article></article>
<menu></menu>
<figure></figure>
<audio></audio>
<video></video>
废除以下标签:
<b></b><font></font>
<frame></frame>
<center></center>
<big></big>
2、HTML4是相对于XHTML,语法较宽松,
章法不是很明确。
3、XHTML是比较严谨的超文本标记语言,语法严谨,是HTML经常用到的规范
a、XHTML1.1之后要求,所有标签都是小写
b、标签要求是成对出现
c、标签顺序要正确
d、所有属性都使用双引号
e、XHTML1.1开始禁止使用target属性
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)