Ch1 HTML5概述
前言
在未来一个月内连载详细的Canvas教程。 从零度基点开始,到Canvas API,再到基本动画和高级动画的实现,介绍视音频的处理、移动APP。 最后,如果有时间的话,我会把3D、多人APP、游戏制作等进行扩展。 因此,本课程虽说是Canvas教程,但实际上是详细介绍Canvas API,然后基于Canvas实现其他更高级的功能。
相信只要学习过HTML4、CSS、Javascript,马上就能得到; 如果你什么都没学过,是零度基点,那就更好了。 因为你对这个未知领域的好奇心,所有这些都会激励你更加努力。 而且,童鞋即使是零度基点也不用担心。 在本教程中,我们将在使用其他知识时详细介绍。 以Canvas为线索学习之后,基本上也会掌握一系列的知识。 就算买了送去,也赚不到更多了。 其中还包括解释数学、物理学和运动学的简单知识。 每个知识点都提供一个案例,每个案例都提供页面演示。 可以将源文件下载到github托管的开放源代码项目中。
提示:单击此教程的所有链接:)
那么,摩拳擦掌,是不是等不及准备了呢? 那么,进入HTML5的世界吧!
HTML5介绍
HTML5是新一代超文本标记语言(HTML5 ),于去年10月28日正式发布。 这是在新互联网上构建页面的标准语言。
那么什么是HTML5呢? 在有关W3C HTML5的常见问题中,对HTML5的讨论如下。 HTML5是在开放平台上开发的免费许可条款。
具体来说,这句话有以下两种理解。
指构成未来开放网络平台的一系列技术。 这些技术包括HTML5规范、CSS3、SVG、MATHML、地理位置、XmlHttpRequest、上下文2d、Web字体和其他技术。 这一系列技术的边界是非正式的,随时间而变化。
指HTML5规范,当然也是开放网络平台的一部分。
Canvas的浏览器支持
因为课程的主要内容是Canvas,所以以下是最受欢迎的Web浏览器和开始支持Canvas元素的最小版本号。
Safari
联邦快递
IE
Chrome
开放者
iOS Safari
安卓浏览器
3.2
3.5
9
9
10.6
3.2
2.1
这里推荐Chrome。
所以,在学习本课程之前,马上在你的电脑上安装最新版的Chrome吧。
的第5页
简单的HTML5页面
的HTML5第5页Hello Airing!
执行结果如下。
HTML由形状类似尖括号的标签元素组成。 这些标签通常成对显示,且不能在标签之间嵌套交叉。
扩展:
成对出现的叫做封闭标签,每个出现的叫做单标签。 无论如何都是关闭的(单标签可以不关闭,但XHTML严格要求它是关闭的)。 关闭的标记包括开始和结束标记,例如
是开始标签,是结束标签。 自我标签
等等。 关于更多的标签,我们建议您自己理解。 推荐自学W3school平台。
现在,让我们集中于上面的代码中出现的标签。
该选项卡表示Web浏览器将以标准模式呈现页面。 根据W3C中定义的HTML5规范,这是HTML5文档所必需的。 此选项卡简化了长期在不同浏览器中查看HTML页面的奇怪区别。 通常是文档的第一行。
这是包含语言说明的标签,例如,“en”是英语,“zh”是中文。
这两个标记分别指示首部信息的开始和结束。 头部包含的标记是页面的标题、序言、说明等内容,本身并不作为内容显示,但会影响网页显示的效果。 脑子里最常用的符号是
记号笔和记号笔。 下表列出了HTML head元素下的所有标记和功能。
标签
说明
定义了文档的信息
定义了文档的标题
定义了页面链接标签的默认链接目标
定义了文档与外部资源的关系
定义了HTML文档中的元数据
定义客户端的脚本文件
定义HTML文档的样式文件
此选项卡说明Web浏览器中使用的字符编码方法。 这里通常设定为UTF-8。 如果没有需要特别设置的东西就没有必要改变那个。 这也是HTML5页面所需的要素。
. 此选项卡说明在浏览器窗口中显示的HTML标题。 这是一个重要的标记,是搜索引擎用于将内容收录到HTML页面中的主要信息之一。
.网页上显示的实际内容都包含在这两个中
瞬间。 鉴于上述内容,HTML5页面包括第一行和部分,主要分为两个部分333至354
标签规定的头部部分和规定的主体部分。 这样,我们捋了最简单的HTML页面的基本结构。
是的,接下来让我们的主角Canvas登场吧! 但是,在此之前,我建议你自己知道HTML常用的标签及其功能~