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

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

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

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前端开发
科技探索者
目录
相关文章
你都不懂
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
你都不懂
337 0
游客tsrksm3mlhq4y
|
8月前
|
移动开发 前端开发 安全
前端基础的讲解-html(3)
HTML详解
游客tsrksm3mlhq4y
191 12
卓伊凡
|
10月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
卓伊凡
283 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
游客tsrksm3mlhq4y
|
8月前
|
前端开发
前端基础的讲解-html(2)
HTML详解
游客tsrksm3mlhq4y
154 0
游客tsrksm3mlhq4y
|
8月前
|
前端开发 JavaScript
前端基础的讲解-html(1)
前端HTML基础
游客tsrksm3mlhq4y
162 0
RossyYan
|
11月前
|
移动开发 前端开发 搜索推荐
《前端技术基础》第01章 HTML基础【合集】
超文本标记语言（HyperText Markup Language，简称 HTML）是构建网页结构的基础标记语言。它与 CSS、JavaScript 协同，负责搭建网页“骨架”，用标签组织内容，像标题、段落、图片等元素，通过起始与结束标签（部分可单用，如`<img>`）界定层级与布局，将信息有序整合。标签含特定语义，向浏览器传达展示方式，为网页准确呈现及后续美化、交互筑牢根基。
RossyYan
299 25
天启互联网工作室
|
12月前
|
人工智能 前端开发 JavaScript
前端基础之HTML
Web1.0、Web2.0 和 Web3.0 标志着互联网发展的三个阶段。Web1.0（静态互联网，1990年代初至2000年代初）以静态内容和单向信息流为主，用户仅能浏览。Web2.0（互动互联网，2000年代初至2010年代初）引入了用户生成内容和社交网络，内容动态且互动性强。Web3.0（语义互联网，2010年代至今）强调语义化、个性化、智能化及去中心化，结合AI、区块链等技术，提供沉浸式体验。HTTP和HTML作为互联网基础协议和技术，在各阶段不断演进，共同推动了现代互联网的发展。
天启互联网工作室
198 2
前端基础之HTML
土木林森
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
土木林森
269 6
六卿
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性，包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签（如`header`、`footer`、`nav`等）及其新增表单控件和属性（如`url`、`email`、`date`类型输入框等）。这些改进增强了网页的功能性和用户体验。
六卿
246 1
前端基础(十七)_HTML5新特性
代码bug生产队
|
XML 前端开发 JavaScript
前端开发进阶：从HTML到React.js
【10月更文挑战第9天】前端开发进阶：从HTML到React.js
代码bug生产队
172 1

热门文章

最新文章

  • 1
    前端如何存储数据：Cookie、LocalStorage 与 SessionStorage 全面解析
  • 2
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（五）：背景属性；float浮动和position定位；详细分析相对、绝对、固定三种定位方式；使用浮动并清除浮动副作用
  • 3
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（六）：全方面分析css的Flex布局，从纵、横两个坐标开始进行居中、两端等元素分布模式；刨析元素间隔、排序模式等
  • 4
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（一）：CSS发展史；CSS样式表的引入；CSS选择器使用，附带案例介绍
  • 5
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（八）：学习transition过渡属性；本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 6
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（九）：强势分析Animation动画各类参数；从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面，完全了解CSS3 Animation
  • 7
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（二）：CSS伪类：UI伪类、结构化伪类；通过伪类获得子元素的第n个元素；创建一个伪元素展示在页面中；获得最后一个元素；处理聚焦元素的样式
  • 8
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（四）：元素盒子模型；详细分析边框属性、盒子外边距
  • 9
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（七）：学习ransform属性；本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
  • 10
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（三）：元素继承关系、层叠样式规则、字体属性、文本属性；针对字体和文本作样式修改
  • 1
    前端如何存储数据：Cookie、LocalStorage 与 SessionStorage 全面解析
    522
  • 2
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（九）：强势分析Animation动画各类参数；从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面，完全了解CSS3 Animation
    196
  • 3
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（八）：学习transition过渡属性；本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    192
  • 4
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（七）：学习ransform属性；本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    147
  • 5
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（六）：全方面分析css的Flex布局，从纵、横两个坐标开始进行居中、两端等元素分布模式；刨析元素间隔、排序模式等
    252
  • 6
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（五）：背景属性；float浮动和position定位；详细分析相对、绝对、固定三种定位方式；使用浮动并清除浮动副作用
    366
  • 7
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（四）：元素盒子模型；详细分析边框属性、盒子外边距
    160
  • 8
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（三）：元素继承关系、层叠样式规则、字体属性、文本属性；针对字体和文本作样式修改
    96
  • 9
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（二）：CSS伪类：UI伪类、结构化伪类；通过伪类获得子元素的第n个元素；创建一个伪元素展示在页面中；获得最后一个元素；处理聚焦元素的样式
    166
  • 10
    【CSS】前端三大件之一，如何学好？从基本用法开始吧！（一）：CSS发展史；CSS样式表的引入；CSS选择器使用，附带案例介绍
    229

    • 相关课程

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

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 阿里文娱大前端技术实践
  • 前端代码是怎样智能生成的
    • 下一篇
    全面了解阿里云OSS使用方法