HTML5
2017-03-27 15:12:04 14 举报
AI智能生成
HTML5是最新的HTML标准,它提供了许多新的功能和改进,使得网页开发更加简单、灵活和强大。HTML5引入了一些新元素和属性,如`<header>`、`<nav>`、`<section>`、`<article>`等,用于更好地组织和呈现内容。此外,HTML5还支持多媒体内容,如音频、视频和图像的直接嵌入,而无需依赖插件。它还提供了更强大的表单控件,如日期选择器、颜色选择器等,以及更丰富的CSS3样式支持。总之,HTML5为开发者提供了一个更加现代、响应式和交互式的网页开发工具。
作者其他创作
大纲/内容
什么是H5<br>
H5是HTML的下一代,处于完善中,现在但部分浏览器已支持H5<br>
IE9 以下版本浏览器兼容HTML5的方法,使用百度静态资源的html5shiv包:<br><!--[if lt IE9]> <br><script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script><br><![endif]-->
载入后,初始化新标签的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>
<embed>定义一个容器,用来嵌入外部引用或者互动程序(插件)</embed>
例子:<br><embed src="/statics/demosource/helloworld.swf" tppabs="http://W3Cschool.com/tags/helloworld.swf">
tppabs:是离线浏览器下载完整个网页后,在图片或超级链接标签内加入的标签,以记录该图片或超级链接指向的原始地址。
0 条评论
下一页