大前端 (一) -- HTML5入门

版权声明:本文为博主原创文章,未经博主允许不得转载。 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 Dreamweaversublime text 3WebStorm

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>

–> 在浏览器中打开之

猜你喜欢

转载自blog.csdn.net/u011033906/article/details/89972098