AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

前端开发学习笔记二--HTML5

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

1、什么是 Canvas？

<canvas> 标签用于在网页上绘制图像，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） ，

必须使用脚本（通常是 JavaScript）来完成实际的绘图任务。

2、HTML 5 Canvas 参考手册

http://www.w3school.com.cn/html5/html5_ref_canvas.asp


http://www.w3school.com.cn/html5/html5_ref_canvas.asp

http://www.w3school.com.cn/html5/html5_ref_canvas.asphttp://www.w3school.com.cn/html5/html5_ref_canvas.asp

http://www.w3school.com.cn/html5/html5_ref_canvas.asp

3、SVG

 

http://www.w3school.com.cn/html5/html_5_svg.asp

 

http://www.w3school.com.cn/html5/html_5_geolocation.asp

 

链接

http://www.alixixi.com/web/a/2012030779032.shtml

http://www.w3school.com.cn/html5/html_5_intro.asp

http://www.iteye.com/news/22996

 

视频：http://wenku.baidu.com/course/study/d51164ce05087632311212a3

  wKioL1VmyzHC8RpFAAHTnk0xCC0374.jpg


wKiom1Vmyd2gR8JxAAE99eUfqkE035.jpg

目前支持HTML5的浏览器

wKioL1Vmy5TQqziuAAGayQXe1uU205.jpg

wKioL1Vmy5Xg-gtrAAHVMGQ2bF4656.jpg

 

Html5推广网站

wKiom1VmyhuDKM25AAFbEvBskRo284.jpg

 

本文转自追光的猫博客51CTO博客，原文链接http://blog.51cto.com/ql0722/1656001如需转载请自行联系原作者

00_yatou
文章标签：
JavaScript
容器
HTML5
移动开发
Web App开发
关键词：
前端html
前端html5
HTML学习笔记
前端学习笔记
HTML前端开发
科技探索者
目录
相关文章
你都不懂
|
2月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
你都不懂
56 0
天启互联网工作室
|
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
六卿
|
3月前
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性，包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签（如`header`、`footer`、`nav`等）及其新增表单控件和属性（如`url`、`email`、`date`类型输入框等）。这些改进增强了网页的功能性和用户体验。
六卿
51 1
前端基础(十七)_HTML5新特性
代码bug生产队
|
2月前
|
XML 前端开发 JavaScript
前端开发进阶：从HTML到React.js
【10月更文挑战第9天】前端开发进阶：从HTML到React.js
代码bug生产队
47 1
半截诗
|
2月前
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
半截诗
28 2
半截诗
|
2月前
|
Web App开发 移动开发 前端开发
【前端基础篇】HTML零基础速通1
【前端基础篇】HTML零基础速通
半截诗
36 1
小徐在进步
|
3月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表（`&lt;ul&gt;`嵌套`&lt;li&gt;`）、有序列表（`&lt;ol&gt;`嵌套`&lt;li&gt;`）和定义列表（`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`）。
小徐在进步
71 19
六卿
|
3月前
|
前端开发
前端基础(二)_HTML常用标签（块级标签、行级标签、行块级标签）
本文详细介绍了HTML中的常用标签，包括块级标签（如`h1`至`h6`、`p`、`div`等）、行级标签（如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等），以及行块级标签（如`img`）。文章解释了这些标签的用途、特点和基本用法，并通过示例代码展示了如何在HTML文档中使用它们。
六卿
204 1
小徐在进步
|
3月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性，包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签，用于创建超链接，并展示了如何设置目标页面打开方式。最后，文档还涵盖了如何在网页中嵌入音频和视频文件，包括简化写法及常用属性。
小徐在进步
61 13

热门文章

最新文章

  • 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
    前端基础之HTML
    11
  • 2
    前端必须掌握的设计模式——观察者模式
    21
  • 3
    uniapp开发鸿蒙，是前端新出路吗？
    32
  • 4
    WeaveFox：蚂蚁集团推出 AI 前端智能研发平台，能够根据设计图直接生成源代码，支持多种客户端和技术栈
    295
  • 5
    陪玩系统架构设计陪玩系统前后端开发，陪玩前端设计是如何让人眼前一亮的?
    32
  • 6
    前端必须掌握的设计模式——代理模式
    17
  • 7
    前端项目代码规范工具 (ESLint. Prettier. Stylelint. TypeScript)
    32
  • 8
    婚恋交友系统平台 相亲交友平台系统 婚恋交友系统APP 婚恋系统源码 婚恋交友平台开发流程 婚恋交友系统架构设计 婚恋交友系统前端/后端开发 婚恋交友系统匹配推荐算法优化
    37
  • 9
    前端必须掌握的设计模式——适配器模式
    14
  • 10
    前端echarts加标记点及标记线和提示框
    28

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

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

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础6：Node.js和LESS预编译工具
  • 前端开发基础2：VS Code和Edge的联动开发
    • 下一篇
    DataWorks售前咨询