HTML5

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





AI智能生成

HTML5是最新的HTML标准，它提供了许多新的功能和改进，使得网页开发更加简单、灵活和强大。HTML5引入了一些新元素和属性，如`<header>`、`<nav>`、`<section>`、`<article>`等，用于更好地组织和呈现内容。此外，HTML5还支持多媒体内容，如音频、视频和图像的直接嵌入，而无需依赖插件。它还提供了更强大的表单控件，如日期选择器、颜色选择器等，以及更丰富的CSS3样式支持。总之，HTML5为开发者提供了一个更加现代、响应式和交互式的网页开发工具。

HTML5

作者其他创作

大纲/内容

什么是H5<br>

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

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

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

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

例子：<br><!DOCTYPE html>

H5新增<br>

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

Video和Audio（H5多媒体）

video：视频文件<br>

Audio：音频文件<br>

为HTML添加新元素<br>

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

H5新元素<br>

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

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

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

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

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

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

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

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