版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011033906/article/details/89972098
暂定要学的前端内容为:
-
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<p>Hello World</p>
</body>
</html>
–> 在浏览器中打开之