大前端 （一） -- HTML5入门

暂定要学的前端内容为：

• HTML5

  • 负责页面的结构和语义。比如，页面的标题，页面的区域划分，语义化标签等等都是由HTML来实现的。

• CSS3

  • 负责页面的样式。比如，背景颜色，文本的大小，边框等等与样式相关的部分都由CSS承担

• JavaScript

  • 负责页面的行为和交互。比如，点击按钮后改变文本颜色，计算两个数据的相加，存储数据等等；这些都是由JavaScript负责。

HTML5 的特点

HTML5 是新一代开发Web富客户端应用程序整体解决方案 ，从广义上来讲：HTML5=HTML5+CSS3+JavaScript，也就是说HTML5是在原来的HTML，CSS，JavaScript基础上的整合和增强。

• HTML5解决跨浏览器问题。目前，各大浏览器厂商对HTML5表现出极大的热情，全力支持HTML5的广泛应用。假以时日，HTML5将改变HTML+CSS+JavaScript在跨浏览器时带来的各种诟病。
• HTML5定义了一系列新元素，比如：智能表单、新的语义标签、多媒体标签等，这些新元素有助于开发者创建富互联网应用
• HTML5提供一系列JavaScript API；比如：重力感应、文件访问、地理定位、硬件访问等等，这些API可以在浏览器内实现类原生应用
• HTML5提供Canvas元素用于游戏开发。
• HTML5提供操作多媒体的相关元素。以往，在HTML中实现音频、视频的播放往往需要借助第三方插件；现在，利用HTML5自身的元素就能实现视频，音频的基本操作。

HTML5 的优点

• 迭代速度快

  • 相比IOS和Android的迭代速度，HTML5快了不是一点半点，简直都快飞起来了。变更后上线的时间极大缩短，用户也可毫无感知的情况下获取到最新的变化。

• 兼容性强

  • HTML5的兼容性主要体现在屏幕的大小和小部分极其殊的机型，发现Bug之后改起来也容易得多。这比起让人痛苦不堪的Android碎片化而言确实轻松了不少。

• 开发成本较低

  • 比如要做一个移动端应用程序，为了兼顾到大部分用户，那么一般都会分为Android和IOS两个APP。对于公司而言，势必增加开发成本。如果采用THML5开发呢？嗯哼，大部分工作都可以用HTML5完成，从而缩短开发周期，降低开发成本。

HTML5开发工具

HML5的主流开发工具有：Adobe Dreamweaver、sublime text 3、 WebStorm。

• sublime text 3 插件安装 --> 先安装这三个：Emmet、HTML-CSS-JS Prettify、SublimeCodeIntel

Sublime 的控制台可以通过快捷键 Ctrl+ "`"来打开

Hello World

	
	


	
Hello World

–> 在浏览器中打开之