本節書摘來自異步社群《javascript建構web和arcgis server應用實戰》一書中的第1章，第1.1節,作者： 【美】eric pimpler（派普勒） 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
javascript建構web和arcgis server應用實戰
在開始使用arcgis api for javascript進行gis應用程式開發之前，你需要了解一些基本概念。對于那些已經熟悉html、javascript和css的讀者來說，就請跳過這一章直接到下一章進行學習。但是，如果你剛開始了解這些概念，請繼續閱讀。我們将從基礎概念開始介紹這些主題，這足以讓你入門。關于這些主題的更高層次的學習，有很多學習資源提供，包括書籍和線上教程。你可以參考附錄“利用arcgis模闆和dojo設計應用程式”來擷取一系列綜合的資源。
在本章中，我們将涵蓋以下主題。
基本的html頁面概念。
javascript基礎。
css基本原則。
在深入地圖建立和圖層添加細節内容前，你需要了解當使用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。
目前使用的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使用下面的代碼。
1.1.2 基本标簽
所有的web頁面至少要包含、
和标簽。标簽定義了整個html文檔，其他的标簽都必須放在該标簽内部。定義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 >。