HTML开发前准备（1）-- 浅析web基本结构

网络三剑客：HTML + CSS + JavaScript

HTML：用于描述网页内容与结构
CSS：用于网页的布局与美化
JavaScript：用于控制网页的行为

大部分web开发者都是按着HTML->CSS->JS（JavaScript简写，后面都是简写）的顺序来的，曾经的小茶哥儿也是这么来的，但是真的当我开始写些东西的时候发现这么做是不合理的，这里写的均是茶哥儿的一家之言，如果你还喜欢，就请继续关注茶哥儿吧。

ok，正式开始我们对于HTML5的学习，HTML5是HTML的第五次重大修改后的版本，但是如今还算实在过渡期，所以我们不能抛弃HTML4.01的内容直接开始HTML5，这样是不合理的。我们先来看一段代码：

<!DOCTYPE html>
<html lang="en">
    <head>
    </head>
    <body>
    </body>
</html>

标签的概念不用茶哥儿多解释了吧，我们看到的这一段代码就是所有的web都有的基本结构。别不相信哈，茶哥儿用实践来证明：

简书.png

在这里就以我们的简书网为例了，操作很简单，大家可以使用google chrome（这也是web开发者最喜欢用的浏览器与调试工具），在菜单栏中“视图--开发者--开发者工具”，在新弹出来的窗口就可以查看网页标签元素了。

我们可以大致的将上述代码分为4段：

<!DOCTYPE html>
这个写法是最新的HTML5版本的写法，兼容之前所有的版本，之前的版本写法过于复杂，不建议去记，只需要记住这个就可以了，他的意义是指示web浏览器使用HTML5版本来编写指令。
<html></html>
<html>是我们文档的开始点，</html>是我们文档的结束点。
<head></head>
这里使我们文档的头部内容，用于引入脚本、样式表提供元素信息等。
<body></body>
这里是文档的主体内容，包含文本、图片、链接、视频和音频等。

以上便是一个Web所具备的的最简单元素，接下来我们会了解一些web开发的工具，所谓工欲善其事必先利其器，好的工具会让我们事半功倍，不要走开……

创造即永恒，喝茶去 ……