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

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

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

_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开发
前端开发
关键词：
前端存储
前端动画
前端web
阿里云web
web前端
candy-dd
目录
相关文章
小徐在进步
|
前端开发
【前端web入门第四天】02 CSS三大特性+背景图
本文详细介绍了CSS的三大特性：继承性、层叠性和优先级，并深入讲解了背景图的相关属性，包括背景属性、背景图的平铺方式、位置设定、缩放、固定以及复合属性。其中，继承性指子元素自动继承父元素的文字控制属性；层叠性指相同属性后定义覆盖前定义，不同属性可叠加；优先级涉及选择器权重，包括行内样式、ID选择器等。背景图部分则通过具体示例展示了如何设置背景图像的位置、大小及固定方式等。
小徐在进步
568 91
卓伊凡
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
卓伊凡
1217 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
弹性计算小冉
|
云安全 数据采集 安全
阿里云热门云安全产品简介：Web应用防火墙与云防火墙产品各自作用介绍
在阿里云的安全类云产品中，Web应用防火墙与云防火墙是用户比较关注的两款安全产品，二者在作用上各有侧重，共同构成了阿里云强大的安全防护体系。本文将对Web应用防火墙与云防火墙产品各自的主要作用进行详细介绍。
弹性计算小冉
801 8
技术小达人
|
安全 大数据 数据挖掘
课时9：阿里云Web应用防火墙：全面保障网站的安全与可用性
阿里云Web应用防火墙（WAF）基于阿里巴巴十年攻防经验，提供全面的网站安全防护。它通过Web应用防护、CC攻击防护和业务风控，有效应对各类网络威胁，确保网站的安全与可用性。智能双引擎技术降低误报率，实时数据分析和虚拟补丁更新保障系统安全。WAF已成功护航多个重大活动，为企业提供高效、简便的安全解决方案。
技术小达人
465 0
周周的奇妙编程
|
缓存 安全 搜索推荐
阿里云先知安全沙龙(北京站) ——浅谈Web快速打点
信息收集是网络安全中的重要环节，常用工具如Hunter、Fofa和扫描工具可帮助全面了解目标系统的网络结构与潜在漏洞。遇到默认Nginx或Tomcat 404页面时，可通过扫路径、域名模糊测试、搜索引擎缓存等手段获取更多信息。AllIN工具（GitHub: P1-Team/AllIN）能高效扫描网站路径，发现敏感信息。漏洞利用则需充分准备，以应对突发情况，确保快速拿下目标站点。 简介：信息收集与漏洞利用是网络安全的两大关键步骤。通过多种工具和技术手段，安全人员可以全面了解目标系统，发现潜在漏洞，并制定有效的防御和攻击策略。
周周的奇妙编程
1049 5
土木林森
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
土木林森
432 6
土木林森
|
前端开发 JavaScript UED
在数字化时代，Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势
在数字化时代，Web 应用性能优化尤为重要。本文探讨了CSS与HTML在提升Web性能中的关键作用及未来趋势，包括样式表优化、DOM操作减少、图像优化等技术，并分析了电商网站的具体案例，强调了技术演进对Web性能的深远影响。
土木林森
259 5
六卿
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性，包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签（如`header`、`footer`、`nav`等）及其新增表单控件和属性（如`url`、`email`、`date`类型输入框等）。这些改进增强了网页的功能性和用户体验。
六卿
369 1
前端基础(十七)_HTML5新特性
土木林森
|
缓存 前端开发 JavaScript
前端小白也能掌握的高级技巧：如何让你的网页支持PWA特性？
【10月更文挑战第30天】随着互联网技术发展，渐进式网页应用（PWA）成为提升用户体验的重要手段。本文通过一个案例，介绍如何为在线问答社区网页应用添加PWA特性。从创建基本结构、添加Service Worker、创建Manifest文件到测试PWA特性，详细展示了每一步的操作方法。适合前端小白学习参考。
土木林森
399 2

阿里云大学

热门文章

最新文章

  • 1
    HTML核心标签之表格标签(二)
  • 2
    html编辑及JS脚本过滤(转载)
  • 3
    Html游戏开发-画图
  • 4
    HTML5实践 -- 如何使用css3丰富我们的图片样式
  • 5
    HTML 5的革新：结构之美
  • 6
    常用HTML标签及其作用
  • 7
    第87天：HTML5中新选择器querySelector的使用
  • 8
    html5-俄罗斯方块分析
  • 9
    HTML Elements 和 DHTML Objects
  • 10
    【探索HTML5第二弹03】走近地图应用的世界，看我们google地图可以看些什么！
  • 1
    前端如何存储数据：Cookie、LocalStorage 与 SessionStorage 全面解析
    1139
  • 2
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（九）：强势分析Animation动画各类参数；从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面，完全了解CSS3 Animation
    500
  • 3
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（八）：学习transition过渡属性；本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    390
  • 4
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（七）：学习ransform属性；本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    379
  • 5
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（六）：全方面分析css的Flex布局，从纵、横两个坐标开始进行居中、两端等元素分布模式；刨析元素间隔、排序模式等
    496
  • 6
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（五）：背景属性；float浮动和position定位；详细分析相对、绝对、固定三种定位方式；使用浮动并清除浮动副作用
    668
  • 7
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（四）：元素盒子模型；详细分析边框属性、盒子外边距
    1142
  • 8
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（三）：元素继承关系、层叠样式规则、字体属性、文本属性；针对字体和文本作样式修改
    263
  • 9
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（二）：CSS伪类：UI伪类、结构化伪类；通过伪类获得子元素的第n个元素；创建一个伪元素展示在页面中；获得最后一个元素；处理聚焦元素的样式
    961
  • 10
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（一）：CSS发展史；CSS样式表的引入；CSS选择器使用，附带案例介绍
    448

    • 相关课程

    更多
  • Python Web开发基础
  • Java Web开发系列课程 - Spring框架入门
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • Web应用系统性能优化
  • 高性能Web架构之缓存体系
  • PWA:移动Web的现在与未来
    • 下一篇
    阿里云正式发布 Agentic 代码安全：AI驱动的双Agent协同引擎