关于HTML5你需要了解的基础知识

今朝，HTML5 audio 元素支撑三种音频格局，如表 3 所示。

audio 元素的应用如下所示：

<! DOCTYPE HTML> 
<html> 
<body> 
<audio src=http://developer.51cto.com/art/201710/" song.ogg" controls="controls"> 
This browser does not support the audio element. 
</video> 
</body> 
</html>

词攀例应用 Ogg 文件，并且可以在 Firefox、Opera 和 Chrome 中应用。要在 Safari 和 Chrome 的将来版本中使 audio 工作，我们必须添加一个 MP3 和 Wav 文件。

audio 元素允很多个 source 元素，它可以链接到不合的音频文件。浏览器将应用第一个识其余格局，如下所示：

<audio controls="controls"> 
<source src=http://developer.51cto.com/art/201710/"song.ogg" type="audio/ogg" /> 
<source src=http://developer.51cto.com/art/201710/"song.mp3" type="audio/mpeg" /> 
This browser does not support the audio element. 
</audio>

你可以绘制很多对象，如弧、圆、线/垂直梯度等。

画布(Canvas)

要在网页上创建图形，HTML5 应用画布 API。我们可以用它绘制任何器械，并且它应用 JavaScript。它经由过程避免大年夜收集下载图像而进步网站机能。应用画布，我们可以绘制外形和线条、弧线和文本、渐变和图案。此外，画布可以让我们操作图像中甚至视频中的像素。你可以将 canvas 元素添加到 HTML 页面，如下所示：

<canvas id="myCanvas" width="200" height="100"></canvas>

地舆地位

画布元素不具有绘制元素的功能。我们可以经由过程应用 JavaScript 来实现绘制。所有绘画应在 JavaScript 中。

<script type="text/javascript"> 
var c=document.getElementById("myCanvas"); 
var cxt=c.getContext("2d"); 
cxt.fillStyle="blue"; 
cxt.storkeStyle = "red"; 
cxt.fillRect(10,10,100,100); 
cxt.storkeRect(10,10,100,100); 
</script>

以上脚本的输出如图 6 所示。

HTML5 对象

为了有效操作，所有闇练的或业余的 Web 开辟人员/设计人员都应当应用 HTML5 对象，当须要设置工作流/网站或履行反复义务时，这些对象异常有赞助。它们进步了网页设计的可用性。

以下是一些赞助创建很棒的网站的须要对象。

HTML5 Maker：用来在 HTML、JavaScript 和 CSS 的赞助下与网站内容交互。异常轻易应用。它还许可我们开辟幻灯片、滑块、HTML5 动画等。
Liveweave：用来测试代码。它削减了保存代码并将其加载到屏幕上所花费的时光。在编辑器中粘贴代码即可获得结不雅。它异常易于应用，并为一些代码供给主动完成功能，这使得开辟和测试更快更轻易。
Font dragr：在浏览器中预览定制的 Web 字体。它会直接载入该字体，以便你可以知道看起来是否精确。也供给了拖放界面，许可你拖动字形、Web 开放字体和矢量图形来立时测试。
HTML5 Please：可以让我们找到与 HTML5 相干的任何内容。如不雅你想知道若何应用任何一个功能，你可以在 HTML Please 中搜刮。它供给了支撑的浏览器和设备的有效资本的列表，语法，以及若何应用元素的一般建议等。
Modernizr：这是一个开源对象，用于给拜访者浏览器供给最佳体验。应用此对象，你可以检测拜访者的浏览器是否支撑 HTML5 功能，并加载响应的脚本。
3/4 首页上一页 1 2 3 4 下一页尾页

　　推荐阅读

　　开发一个Linux调试器（十）：高级主题

我们终于来到这个系列的最后一篇文┞仿!这一次，我将对调试中的一些更高等的概念进行高层的概述：长途调试、共享库支撑、表达式计算和多线程支撑。这些设法主意实现起来比较复杂，所以我不会具体解释若>>>详细阅读

本文标题：关于HTML5你需要了解的基础知识

地址：http://www.17bianji.com/lsqh/37872.html

1/2 1