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

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

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

_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开发
前端开发
关键词：
前端html
HTML动画
HTML Web
HTML前端
web前端
candy-dd
目录
相关文章
CamilleKing
|
1月前
|
存储 监控 前端开发
如何实现前端框架数据驱动方式的数据加密存储？
实现前端框架数据驱动方式的数据加密存储需要综合考虑多个因素，包括加密算法的选择、密钥管理、传输安全、服务器端处理等。通过合理的设计和实施，能够有效提高数据的安全性，保护用户的隐私和敏感信息。但需要注意的是，前端加密存储不能完全替代后端的安全措施，后端的安全防护仍然是不可或缺的。
CamilleKing
43 3
土木林森
|
1月前
|
前端开发 JavaScript 安全
前端性能调优：HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性，HTTP/2显著提升了Web性能。同时，HTTPS确保了数据传输的安全性。文章提供了示例代码，展示了如何使用Node.js创建一个HTTP/2服务器。
土木林森
62 3
天启互联网工作室
|
1天前
|
人工智能 前端开发 JavaScript
前端基础之HTML
Web1.0、Web2.0 和 Web3.0 标志着互联网发展的三个阶段。Web1.0（静态互联网，1990年代初至2000年代初）以静态内容和单向信息流为主，用户仅能浏览。Web2.0（互动互联网，2000年代初至2010年代初）引入了用户生成内容和社交网络，内容动态且互动性强。Web3.0（语义互联网，2010年代至今）强调语义化、个性化、智能化及去中心化，结合AI、区块链等技术，提供沉浸式体验。HTTP和HTML作为互联网基础协议和技术，在各阶段不断演进，共同推动了现代互联网的发展。
天启互联网工作室
11 1
前端基础之HTML
土木林森
|
28天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
土木林森
35 6
CamilleKing
|
1月前
|
存储 前端开发 安全
如何确保前端框架数据驱动方式的数据加密存储的兼容性？
确保前端框架数据驱动方式的数据加密存储的兼容性需要综合考虑多个因素，通过充分的评估、测试、关注和更新，以及与其他技术的协调配合，来提高兼容性的可靠性，为用户提供稳定和安全的使用体验。
CamilleKing
36 2
爱的不是纯牛奶-47754
|
1月前
|
消息中间件 前端开发 JavaScript
探索微前端架构：构建现代Web应用的新策略
本文探讨了微前端架构的概念、优势及实施策略，旨在解决传统单体应用难以快速迭代和团队协作的问题。微前端允许不同团队独立开发、部署应用的各部分，提升灵活性与可维护性。文中还讨论了技术栈灵活性、独立部署、团队自治等优势，并提出了定义清晰接口、使用Web组件、状态管理和样式隔离等实施策略。
爱的不是纯牛奶-47754
39 1
土木林森
|
1月前
|
前端开发 UED 开发者
揭秘！前端大牛们如何巧妙利用动画效果，提升用户体验感！
前端开发中，动画不仅是美化网页的手段，更是提升用户体验的关键。本文介绍了三种常见的动画技术：渐进加载动画、过渡动画和SVG动画，分别用于提升页面响应速度、增强交互性和传递情感信息，帮助网页焕发新生。
土木林森
28 4
爱的不是纯牛奶-47754
|
1月前
|
监控 前端开发 JavaScript
探索微前端架构：构建可扩展的现代Web应用
【10月更文挑战第29天】本文探讨了微前端架构的核心概念、优势及实施策略，通过将大型前端应用拆分为多个独立的微应用，提高开发效率、增强可维护性，并支持灵活的技术选型。实际案例包括Spotify和Zalando的成功应用。
爱的不是纯牛奶-47754
44 6
土木林森
|
1月前
|
前端开发 JavaScript API
前端开发的秘密武器：这些工具让你轻松应对各种复杂动画效果！
【10月更文挑战第30天】前端开发中，动画效果为页面增添了无限生机。CSS3的@keyframes规则和JavaScript动画库如GSAP、Anime.js等，使开发者能轻松实现从简单到复杂的动画效果。掌握动画原理和设计原则，结合工具和库，可以创造出既美观又实用的动画，提升用户体验。
土木林森
58 4
土木林森
|
1月前
|
缓存 前端开发 JavaScript
前端小白也能掌握的高级技巧：如何让你的网页支持PWA特性？
【10月更文挑战第30天】随着互联网技术发展，渐进式网页应用（PWA）成为提升用户体验的重要手段。本文通过一个案例，介绍如何为在线问答社区网页应用添加PWA特性。从创建基本结构、添加Service Worker、创建Manifest文件到测试PWA特性，详细展示了每一步的操作方法。适合前端小白学习参考。
土木林森
27 2

阿里云大学

热门文章

最新文章

  • 1
    Python 爬虫必备杀器，xpath 解析 HTML
  • 2
    html5 + Three.js 3D风雪封印在棱镜中的梅花鹿动效源码
  • 3
    如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计，再到HTML结构搭建与CSS样式设计，最后实现具体页面并进行优化提升，全面覆盖了网站开发的关键步骤
  • 4
    HTML（HyperText Markup Language，超文本标记语言）
  • 5
    太便利了 ！通义灵码方便生成html页面
  • 6
    HTML5 新的 Input 类型2
  • 7
    HTML（HyperText Markup Language）和XML（Extensible Markup Language）
  • 8
    HTML5 元素2
  • 9
    高效的 HTML 与 CSS 编写技巧，涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
  • 10
    html5 canvas五彩碎纸屑飘落动画特效
  • 1
    Web基础与HTTP协议
    43
  • 2
    Web应用上云经典架构实践教学
    25
  • 3
    云端问道-Web应用上云经典架构方案教学
    14
  • 4
    Web应用上云经典架构实战
    15
  • 5
    实验室信创平台上几道经典的web-php有关的题目wp
    21
  • 6
    实战经验分享：利用免费SSL证书构建安全可靠的Web应用
    37
  • 7
    Selenium IDE：Web自动化测试的得力助手
    65
  • 8
    有效抵御网络应用及API威胁，聊聊F5 BIG-IP Next Web应用防火墙
    39
  • 9
    Selenium：强大的 Web 自动化测试工具
    113
  • 10
    2025年，Web3开发学习路线全指南
    74

    • 相关课程

    更多
  • 网站性能前端监控课程
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的

    • 相关实验场景

    更多
  • 1分钟SAE部署Web在线游戏
  • 每个IT人都想学的“Web应用上云经典架构”实战
  • 使用SLB+2ECS+NAS，部署电商web网站的高可用架构
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    DataWorks售前咨询