[华为云在线课程][零基础学HTML5][学习笔记]

1，HTML5介绍

HTML

HTML - HyperText Markup Language

中文：超文本标记语言

作用：编写网页

组成：标签

HTML5是HTML的第五个版本

HTML5简称为H5

HTML5

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。

HTML5的设计目的是为了在移动设备上支持多媒体。

HTML5简单易学，是下一代HTML的标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

声明必须位于 HTML5 文档中的第一行

HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素，比如 article、footer、header、nav、section

新的表单控件，比如 calendar、date、time、email、url、search

HTML5的优势

丰富的功能（音频与视频，地址位置，本地存储，离线存储）

兼容性

统一了规范

Web开发

网站开发就是Web开发中的一种

前端开发与后端开发

H5技术属于前端开发的范畴

Web前端开发工程师

H5工程师成为了招聘市场上的香饽饽

移动前端开发

大量移动设备的普及

移动前端开发正变得越来越重要

H5技术在移动前端开发领域大放异彩

H5成为泛指整个前端领域的代名词

开发工具

浏览器：Chrome

编辑器：Visual Studio Code

2，HTML5常用元素

新元素=新标签

常用元素（常用标签）

作用：语义化

页面的主体结构

网页=头部+身体+尾部

header元素：表示页面的头部（每一个小的区域也可以有自己的header）

main元素：表示网页中的主要内容（一个页面中只有一个）

footer元素：表示页面的尾部

nav元素：表示页面导航区域（可以有多个）

article元素：表示页面中的文章或文档区域（内部可以有自己的header和footer）

aside元素：表示页面的侧边栏或者广告栏

section元素：表示页面中的一个区域，强调分块，有一定独立性