初步了解HTML5
一. 网站与网页
1.1 概念
网站 是构成web的基础 ， 所谓网站(Website)，就是指在网际网路（万维网）上，根据一定的规则，使用 HTML等工具 制作的用于展示特定内容的相关网页的集合, 同时也是构成web的基础。
网页 是网站中的一「页」，是构成网站的基础。网页是构成网站的基本元素（网页是网站的一页），是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。
文字 与 图片 是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。
1.2 制作网站的流程
前端
- 美工设计（ photoshop ）
- 页面布局美化 ( html + css )
- 创建动态的HTML页面，网站更加有动感、有魅力，吸引更多的浏者。( javascript )
后端
- 后台程序的建设(php,asp,jsp,.net)
- 数据库建设(mysql…)
- 服务器的选择
1.3 Web标准
Web标准是网站开发中一系列标准的集合，包括XHTML、XML、CSS、DOM和ECMAScript等。制定这些标准是为了便于维护，代码更简洁，降低带宽的运行成本，更容易被搜索引擎搜索到，改版方便，不需要变动页面内容，提高网站易用性等。
Web标准 是由 W3C 和 其他标准化组织 制定的一套规范集合，Web标准的目的在于创建一个统一的用于Web表现层的技术标准，以便通过不同的浏览器或终端设备向最终用户展示信息内容。
Web标准由一系列规范组成，目前的Web标准主要由三大部分组成：结构 （html）、表现（css）外观、行为（js）。真正符合Web标准的网页设计是指能够灵活使用Web标准对Web内容进行结构、表现与行为的分离 。
1.4 Web开发主要浏览器
- IE 浏览器
- 谷歌（chrome）浏览器
- 火狐（firefox）浏览器
- opera浏览器
- safari浏览器
1.5 网页制作常用的编辑器（开发工具）
- Webstorm （使用过）
- Dreaweaver
- Phpstorm
- Hbuilder （使用过）
- Sublime Text （使用过）
- Notepad++
- 记事本
- Visual Studio Express（目前我在使用的）
二. 了解HTML及HTML5
2.1 基本概念
-
html（Hyper Text Markup Language，超文本标记语言）
它不是一种编程语言，而是一种描述型标记语言 (markup language)HTML 作为一款 标记语言，本身不能显示在浏览器中。标记语言经过浏览器的解释和编译，才能正确地反映HTML标记语言的内容。HTML从1.0到5.0经历了巨大的变化，从单一的文本显示功能到多功能互动，许多特性经过多年的完善，已经成为了一款非常成熟的标记语言。
-
html5 （2014年发布）
HTML5 是一个新的网络标准，是HTML的一个新版本，现在仍处于发展阶段，是对现有的HTML4.01和XHTML1.0标准的修订。（HTML4.01对语法的要求不是很严格，标签不闭合，大小写不注意，引号运用不严格。）
2.2 H5前端开发主要课程
| 课程 | 主要内容 |
|---|---|
| HTML(结构) | 语法、标签、属性 |
| CSS(样式) | 语法、div+css布局、兼容 |
| Javascript(行为) | 语法、BOM、DOM、交互设计、主流特效 |
| HTML5+CSS3(移动端) | 新标签、新特性、更加简洁的交互效果 |
| PHP+mySQL(后台数据库) | AJAX、网站制作流程 |
| 框架(应用) | jquery、bootstrap、zpeto、angularjs… |
| webApp | 响应式网站、移动端网页、跨平台APP |
2.3 HTML文件的基本结构
完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象，这些对象统称为HTML元素。一个HTML文件的基本结构如下：
<!DOCTYPE html> // html5标准网页申明
<html> // 文件 开始 标记
<head> ----网页头部// 文件头开始的标记
// ...文件头的内容
// head里面可以写的标签：title meta style script link
<meta charset="UTF-8"> ----解决在浏览器显示乱码 // 使用最广泛的网页编码是utf-8,规定网页的文字编码格式
<title></title> ----网页标题 // 网页标题
</head> // 文件头结束的标记
<body> // 文件主体开始的标记
----网页身体// 文件主体的 内容
</body> // 文件主体结束的标记
</html> // 文件 结束 标记
***< title >标签的作用
定义网页的标题，标签位于文档的头部
<title>我的网页</title>
***< meta >标签的作用
提供有关页面的元信息，标签位于文档的头部，不包含任何内容
主要有以下两种作用：
（1）向搜索引擎说明你的网页的关键词；
<meta name="keywords" content="百度">//keywords（关键字）,content（内容）
告诉搜索引擎你的站点的主要内容；
<meta name="description" content="百度一下，你就知道">
（2）万国码，规定网页的文字编码格式
<meta charset="utf-8"/>
2.4 网页源文件的获取
- 查看网页源代码
在浏览器当中，点击右键-【查看网页源代码】命令，可以查看当前网页的代码。 - 网页源文件的获取
在需要保存的页面，右键单击-【另存为】命令，即可将网页源代码保存到指定的位置。
三. 心得
这是一个互联网+的时代，HTML+的 时代，也就是HTML5+的时代，从pc端到移动端，从单页面到全栈，一直在变化，我们要深入去学习，善于去挖掘！
