html5
文章平均质量分 83
weixin_41881671
这个作者很懒,什么都没留下…
展开
-
新手如何5分钟学会用canvas在HTML5上画简单图形
HTML5中的另一个新元素是标签。需要使用JavaScript来操作和绘制画布。 canvas元素为脚本提供了一个依赖于分辨率的位图画布,它可以用于呈现图形、游戏图形或其他可视图像。 当一个更合适的元素可用时,作者不应该在文档中使用canvas元素。例如,使用canvas元素来呈现页面标题是不合适的:如果想要显示标题的图形是强烈的,那么应该使用适当的元素(通常是h1)进行标记,然后使用CSS和...翻译 2018-08-30 22:33:53 · 2932 阅读 · 0 评论 -
如何配置HTML5标签来播放音频(手工翻译学习资料,含javascript脚本示例)
将音频添加到网页的主要方法是使用音频元素。与许多新的HTML5支持一样,音频元素使您能够使用错误消息或另一种回放技术返回,如果用户的浏览器不支持HTML5音频元素,就像旧浏览器的情况一样。您可以在音频标记之间放置一条错误消息,如下面的例子所示,或者为外部播放器控件插入代码,比如Silverlight浏览器插件。下面的代码示例展示了一个播放音频文件的简单网页。<!DOCTYPE HTML&...翻译 2018-08-31 13:16:05 · 430 阅读 · 0 评论 -
使用Canvas或SVG画图对比(翻译资料,含完整代码示例)
这个主题包含两个独立的代码示例,它们演示了Canvas和SVG如何创建用户界面按钮。这些代码示例是用HTML5和JavaScript编写的。他们解释了如何创建一个简单的按钮,当你点击它时,它会显示一个警告框。第一个代码示例展示了Canvas如何在即时模式下使用像素来创建这个用户界面元素,方法是用arc方法绘制一个圆圈来开发一个标准的按钮。第二个示例展示了SVG如何使用保留模式的图形技术,从circ...翻译 2018-08-31 13:44:15 · 431 阅读 · 0 评论 -
HTML5设计更具有交互性的标签方法(含智能辅助设备使用的HTML5,翻译资料)
渐进增强和ARIA渐进增强是一种使用语义HTML、stylesheets样式表和scripting脚本促进可访问性的Web设计方法。我们的想法是创建一个网站,在这个网站上,每个人都可以使用基本内容,而更高级的内容和功能则可以访问那些拥有更多功能、更多带宽或更高级工具的人。当您创建一个站点时,您首先要集中精力以最简单的方式显示内容。您可以使用语义结构的HTML来设计页面。所有修改视觉内容(如粗体...翻译 2018-08-31 15:36:37 · 1049 阅读 · 0 评论 -
HTML5视频示例(含各浏览器属性兼容情况图,翻译资料)
HTML视频元素 (&lt; video&gt;) 嵌入了一个媒体播放器,它支持视频回放到文档中。您也可以使用&lt; video&gt;来获取音频内容,但是相对于声音来说&lt; audio&gt; 元素可以提供更合适的用户体验。&lt;video controls muted src="/media/examples/stream_of_w翻译 2018-08-31 16:29:59 · 1200 阅读 · 0 评论 -
HTML5给页面加缓存-应用程序缓存API(“AppCache”)
Internet Explorer 10和使用JavaScript的Windows应用程序支持应用程序缓存API(或AppCache),这是HTML5规范中定义的,允许您创建离线web应用程序。AppCache使webpages能够在本地缓存(或保存)资源,包括图像、脚本库、样式表等等。此外,AppCache允许使用标准统一资源标识符(Uniform Resource Identifier,URI...翻译 2018-08-31 17:50:19 · 990 阅读 · 0 评论