首页  思维导图  详情

HTML5

2017-03-27 15:12:04   13  举报





AI智能生成

HTML5是最新的HTML标准，它提供了许多新的功能和改进，使得网页开发更加简单、灵活和强大。HTML5引入了一些新元素和属性，如`

`、`

HTML5

作者其他创作

大纲/内容

什么是H5

H5是HTML的下一代，处于完善中，现在但部分浏览器已支持H5

IE9 以下版本浏览器兼容HTML5的方法，使用百度静态资源的html5shiv包：

载入后，初始化新标签的CSS：
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单

例子：
<!DOCTYPE html>

H5新增

新元素，新属性，完全支持CSS3，2D/3D制图，本地储存，本地SQL数据，Web应用

Video和Audio（H5多媒体）

video：视频文件

Audio：音频文件

为HTML添加新元素

例子：
<script>document.createElement("myHero")</script>
createElement：创建元件

H5新元素

<canvas>定义图形</canvas>
该标签基于JavaScript的绘图API

例子：
<canvas id="myCanvas"></canvas>

<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>

<audio>定义音频内容</dudio>
<video>定义视频<source>定义多媒体元素资源</sourec></video>

audio和video标签中写文字，会出现在不支持这些标签的浏览器上

source在上两个标签中，用于存放资源名字和资源类型
src：规定媒体文件的URL，type：规定媒体资源的MIME类型

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

例子：
<embed src="/statics/demosource/helloworld.swf" tppabs="http://W3Cschool.com/tags/helloworld.swf">

tppabs:是离线浏览器下载完整个网页后，在图片或超级链接标签内加入的标签，以记录该图片或超级链接指向的原始地址。