AI 助理
文档备案控制台
开发者社区 阿里云大学 文章 正文

【阿里云大学课程】前端必知——HTML5新特性完整视频教程（音频、视频、画布、web存储、动画……）

2017-08-04 3384
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

_6
HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定，其设计目的是为了在移动设备上支持多媒体。

本课程中，你将学习到下列这些HTML5新特性（点击下列课时立即学习）：

HTML5新特性教程：

课时1：HTML5音频
课时2：HTML5视频
课时3：HTML5拖放
课时4：HTML5画布
课时5：HTML5 SVG
课时6：HTML5地理定位
课时7：HTML5 Web存储
课时8：CSS3边框
课时9：CSS3背景
课时10：文本效果
课时11：2D效果
课时12：3D效果
课时13：过渡
课时14：动画课时15：多列

文章标签：
存储
HTML5
移动开发
Web App开发
前端开发
candy-dd
目录
相关文章
游客vwx7bav3mqbk6
|
并行计算 前端开发 JavaScript
Web Worker：让前端飞起来的隐形引擎
在现代 Web 开发中，前端性能优化是一个至关重要的课题，尤其是对于计算密集型的应用，如图像处理、视频处理、大规模数据分析等任务。单线程的 JavaScript 引擎常常成为性能瓶颈，导致应用变得迟缓。Web Worker，作为一种强大的技术，使得前端能够在后台进行并行计算，从而实现高效的任务处理，不影响主线程的运行和用户的交互体验。
游客vwx7bav3mqbk6
950 108
卓伊凡
|
JavaScript 前端开发 Java
前端框架选择之争：jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
前端框架选择之争：jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
卓伊凡
958 72
前端框架选择之争：jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
kijlee
|
移动开发 前端开发 JavaScript
前端web创建命令
本项目使用 Vite 搭建 Vue + TypeScript 开发环境，并基于 HTML5 Boilerplate 提供基础模板，快速启动现代前端开发。
kijlee
335 2
JackJiang2026
|
Web App开发 编解码 移动开发
零基础音视频入门：你所不知道的Web前端音视频知识
本文回顾了Web端音视频的发展历程，同时还介绍了视频的编码、帧率、比特率等概念，提到了Canvas作为视频播放的替代方案，以及FFmpeg在音视频处理中的重要作用等知识。
JackJiang2026
488 1
卓伊凡
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
卓伊凡
1434 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
弹性计算小冉
|
云安全 数据采集 安全
阿里云热门云安全产品简介：Web应用防火墙与云防火墙产品各自作用介绍
在阿里云的安全类云产品中，Web应用防火墙与云防火墙是用户比较关注的两款安全产品，二者在作用上各有侧重，共同构成了阿里云强大的安全防护体系。本文将对Web应用防火墙与云防火墙产品各自的主要作用进行详细介绍。
弹性计算小冉
1048 8
周周的奇妙编程
|
缓存 安全 搜索推荐
阿里云先知安全沙龙(北京站) ——浅谈Web快速打点
信息收集是网络安全中的重要环节，常用工具如Hunter、Fofa和扫描工具可帮助全面了解目标系统的网络结构与潜在漏洞。遇到默认Nginx或Tomcat 404页面时，可通过扫路径、域名模糊测试、搜索引擎缓存等手段获取更多信息。AllIN工具（GitHub: P1-Team/AllIN）能高效扫描网站路径，发现敏感信息。漏洞利用则需充分准备，以应对突发情况，确保快速拿下目标站点。 简介：信息收集与漏洞利用是网络安全的两大关键步骤。通过多种工具和技术手段，安全人员可以全面了解目标系统，发现潜在漏洞，并制定有效的防御和攻击策略。
周周的奇妙编程
1236 5
技术小达人
|
安全 大数据 数据挖掘
课时9：阿里云Web应用防火墙：全面保障网站的安全与可用性
阿里云Web应用防火墙（WAF）基于阿里巴巴十年攻防经验，提供全面的网站安全防护。它通过Web应用防护、CC攻击防护和业务风控，有效应对各类网络威胁，确保网站的安全与可用性。智能双引擎技术降低误报率，实时数据分析和虚拟补丁更新保障系统安全。WAF已成功护航多个重大活动，为企业提供高效、简便的安全解决方案。
技术小达人
667 0
土木林森
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
土木林森
607 6

阿里云大学

热门文章

最新文章

  • 1
    使用SSM框架搭建Web服务器实现登录功能(Spring+SpringMVC+Mybatis)
  • 2
    【Cisco Packet Tracer】访问 Web服务器
  • 3
    WIN7 64位 IE10打开WEB管理提示证书不安全
  • 4
    Spring Cloud Gateway Server Web MVC报错“Unsupported transfer encoding: chunked”解决
  • 5
    【一步步一起学DApp开发】（四）web3.js 基本使用 | 连接geth | 创建web客户端
  • 6
    Web攻击流行 “云安全”技术被滥用几率将增
  • 7
    System.Web.Routing入门及进阶　上篇
  • 8
    通过configSource提高web.config配置灵活性
  • 9
    如何用Web技术开发Windows Form应用
  • 10
    怎样做才是最优雅方式切换 web 项目数据源 ？
  • 1
    基于 Cloudflare Workers 构建高性能知识库镜像服务：反向代理与 HTML 动态重写实践
    1709
  • 2
    C#编程实践：解析HTML文档并执行元素匹配
    526
  • 3
    响应式企业网站源码JavaL/PHP带后台管理​：Bootstrap HTML5模板
    1538
  • 4
    精选HTML、JavaScript、ASP代码片段集锦
    559
  • 5
    HTML表单验证：确认input元素输入为具有特定整数和小数位数的数值。
    938
  • 6
    阻止HTML input元素（type='number'）中输入字母'e'的方法。
    530
  • 7
    仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
    3706
  • 8
    Vue 项目中动态添加 HTML 元素的方法与实践
    784
  • 9
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    463
  • 10
    Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
    491

    • 相关课程

    更多
  • Java Web开发系列课程 - Spring框架入门
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术

    • 相关电子书

    更多
  • WEB框架0day漏洞的发掘及分析经验分享
  • WEB浏览器中即将发生的安全变化
  • 天猫HTML5互动技术实践
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！