本节书摘来自异步社区《JavaScript构建Web和ArcGIS Server应用实战》一书中的第1章，第1.1节,作者： 【美】Eric Pimpler（派普勒） 更多章节内容可以访问云栖社区“异步社区”公众号查看。
第1章 HTML、CSS和JavaScript简介
JavaScript构建Web和ArcGIS Server应用实战
在开始使用ArcGIS API for JavaScript进行GIS应用程序开发之前，你需要理解一些基本概念。对于那些已经熟悉HTML、JavaScript和CSS的读者来说，就请跳过这一章直接到下一章进行学习。但是，如果你刚开始了解这些概念，请继续阅读。我们将从基础概念开始介绍这些主题，这足以让你入门。关于这些主题的更高层次的学习，有很多学习资源提供，包括书籍和在线教程。你可以参考附录“利用ArcGIS模板和Dojo设计应用程序”来获取一系列综合的资源。
在本章中，我们将涵盖以下主题。
- 基本的HTML页面概念。
- JavaScript基础。
- CSS基本原则。
1.1 基本的HTML页面概念
在深入地图创建和图层添加细节内容前，你需要了解当使用ArcGIS API for JavaScript开发应用程序时，代码上下文的位置。你所编写的代码将会放在一个HTML页面或者JavaScript文件中，HTML文件的后缀名通常为.html或者.htm，JavaScript文件的后缀名为.js。一旦创建了一个基本的HTML页面，你就可以使用ArcGIS API for JavaScript按所需的步骤来创建一个基本的地图。
网页的核心是HTML文件。对这个基础文件进行编码很重要，因为它组成了应用程序的其余部分。你在基础的HTML代码中所犯的错误将会在JavaScript代码访问这些HTML标签时发生故障。
下面的示例代码是一个非常简单的HTML页面。这个例子可以简单地从一个HTML页面得到。它仅包含了基本的HTML标签——< DOCTYPE >、< html
、< head >、< title >和< body >。使用你偏好的文本或者网页编辑器来键入下列代码。我使用Notepad++，但是还有其他多种不错的编辑器。保存该示例为helloworld.html。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0.1//EN" "http://www.w3.org/TR/ html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>Topographic Map</title>
</head>
<body>
Hello World
</body>
</html>
当前使用的HTML类型有多种。最新的HTML5正备受关注，你将看到很多新应用程序的开发都是基于HTML5实现的。因此，我们将在全书中重点关注HTML5。然而，我也需要让你认识到还有其他种类的HTML在使用，最常用的是HTML4.01（如先前的示例代码）和XHTML 1.0。
1.1.1 HTML DOCTYPE声明
你的HTML页面的第一行包含了DOCTYPE声明。它用来通知浏览器如何来解析这个HTML页面。在这本书中我们重点放在HTML5上，所以下面的示例中你看到的是HTML5的DOCTYPE声名。其他常用的两种DOCTYPE声明是HTML4.01严格和XHTML 1.0严格。
HTML 5使用下面的代码。
<!DOCTYPE html>
HTML 4.01严格使用下列代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd">
XHTML 1.0严格使用下列代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3. org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1.1.2 基本标签
所有的Web页面至少要包含、
在浏览器中加载helloworld.html页面，如图1-1所示。大部分你编写的ArcGIS API for JavaScript代码都会放置在< head >和 head >标签之间的< script >标签内或者在一个单独的JavaScript文件内部。随着经验的丰富，你可能开始将JavaScript代码放置在一个或多个JavaScript文件当中，然后从JavaScript部分引用它们，稍后我们将研究这个内容。现在只要注意将你的代码放在
标签内部即可。
1.1.3 验证HTML代码
正如前面提到的那样，正确编写HTML标签很重要。你肯定会说这些都是理所当然的啦。然而我们如何知道编写的HTML是正确的呢？你可以使用一系列HTML代码验证器来检查HTML。W3C HTML验证器如图1-2所示，你可以通过上传文件或者直接输入URI来验证HTML代码。
假设你的HTML代码已经成功验证的话，你将看到图1-3所示的验证成功的屏幕消息。
此外，对于发现的任何问题会以红色显示来报告错误信息，然后根据错误描述的细节，我们可以很容易地改正错误，如图1-4所示。通常一个错误会导致很多其他错误，因此看到很长的错误项列表的话并不稀奇。如果出现这种情况，请不要慌张，修正一个错误通常会解决很多其他的问题。
要改正上面文档中出现的错误，你需要将文本HelloWorld使用段落标签包裹起来，类似< p >Hello World p >。
