Web開發系列(三)：什麼是HTML,CSS,JS？
摘要：
這篇部落格要寫的內容比較無聊，屬於概念性的東西，我們介紹一下web開發中無法避開的三個東西，HTML，CSS和JS。
HTML全稱是Hypertext Markup Language，也是一種格式，或者說一種約定，大概張這樣子：
<!DOCTYPE html>
<ht...
這篇部落格要寫的內容比較無聊，屬於概念性的東西，我們介紹一下web開發中無法避開的三個東西，HTML，CSS和JS。
HTML全稱是Hypertext Markup Language，也是一種格式，或者說一種約定，大概張這樣子：
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
而HTML5則是在傳統的HTML上增加了一些標籤，好像是最新版吧，好久沒去了解這個了。
順便需要說一句，上面所說的標籤就是例子中<html>
，</html>
這樣的，通過寫這些規定的標籤，瀏覽器會展現出不同的樣子。
例如<p>
是正文，<h1>
是一級標題，通常會有加大字型，<a>
是超連結，一般都會是藍色字型，外帶下劃線。
那麼為什麼不同的標籤在瀏覽器中會有不同的樣子呢？我們可以更改或者制定這些樣子嗎？這就涉及到我們需要了解的第二個知識了，CSS。 Cascading Style Sheets是CSS的全稱，其實就是用來告訴瀏覽器這個標籤要怎麼展示出來，是不是要加特效。其實CSS也可以寫在HTML裡， 例如：
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p style="font-weight: bold">My first paragraph.</p> </body> </html>
也可以寫成HTML:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="theme.css"> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
外加css：
p {
font-weight: bold;
}
記得要在HTML裡連結css的路徑。
那麼JS呢？JS是JavaScript的縮寫，為什麼我們需要這樣一個東西呢？因為瀏覽器端除了渲染出HTML之外，如果能 執行一些指令碼，那麼將會減輕服務端的很多壓力，儘管服務端為了安全仍然要做各種校驗。比如一個輸入框用來 輸入電話號碼，如果在瀏覽器端能夠檢測號碼格式是否合法，如果格式不合法就不提交請求，那麼伺服器端便可以減少 很多不必要的請求。另外，如果能通過指令碼動態和伺服器通訊，從而根據通訊內容動態更改內容，那就最好了，此種技術 叫做AJAX(asynchronous JavaScript and XML)。
講完，手工 :)