长沙网站制作_html4.0与新版本5.0之间的主要区别

发布日期:2016-11-08 08:13

随着浏览器版本升级,对html5标签兼容性得了很大的提高.越来越多的长沙网站制作开始倾向于使用html5的新功能.简单介绍一下html5与html的主要区别:

1.在文档类型声明上

html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

html5:<!doctype html>

在文档声明上,html有很长的一段代码,并且很难记住这段代码,而html5却不同,只有简简单单的声明,这也方便人们的记忆。

2.在结构语义上

html:没有体现结构语义化的标签,通常都是这样来命名的<div id="header"></div>,这样表示网站的头部。

html5:在语义上却有很大的优势。提供了一些新的标签,比如:<header><article><footer>。

3.html5新功能

一、绘画canvas元素

<canvas>定义图形,绘制路径,矩形,圆形,字符以及添加图像的方法 。

二、音频audio和视频video

Video也支持多个source元素,链接到不同的视频文件,浏览器将使用第一个可识别的格式

属性值:

autoplay=”autoplay”就绪后马上播放

loop=“loop”播放完再次播放

preload="预加载"

muted="静音"

volume-=0.1音量减

volume+=0.1音量加

currentTime+=10 快进10秒

currentTime-=10 快退10秒

playbackRate=1  加速播放 (默认的播放速度)

audio的属性值和video的一样

以上信息由长沙网站建设--长沙蒲公英网络收集与整理,禁止用于任何商业行为