Meta tag

HTML

HTML（HyperText Markup Language，超文本標記語言）是打造網頁的基石。它表述並定義網頁的內容。伴隨 HTML 而來的技術還有描述網頁外觀（CSS）及功能性的程式語言（JavaScript）。 「超文本」（HyperText）是指從某個網頁連到其他網頁的連結，不管它連結到站內或站外。藉由撰寫與上載網頁到網際網路中，我們就積極參與了全球資訊網（World Wide Web) 這個資訊系統。 HTML 使用「標記」（markup）來詮釋文字、圖像、或是其他能在瀏覽器裡面顯示的內容。

一個HTML標籤包含：

1. 起始標籤(opening tag)：它包含了元素的名字，夾在一對 <、> (brackets)之間。它指明元素從何開始生效。
2. 結束標籤(closing tag)：結束標籤和起始標籤長得差不多，只不過它在名字前面還多加了一條斜線 (forward slash) 。它表示元素結束的地方。忘記加上結束標籤是初學者常犯的錯誤，這將導致奇怪的結果。
3. 內容(content): 元素的內容。
4. 元素(element): 以上三者加起來就是元素。通常我們會說標籤是HTML element。

*某些HTML標籤只有opening tag，這種標籤被稱為self-closing tag。

巢狀元素 Nesting elements

你可以把元素放進另一個元素裡面 — 這叫做巢套(nesting)。例如，p tag內部可放入strong tag。

小心注意， 這些元素必須要正確地開啟與關閉，它們與其他元素的內外關係要相當明確。若沒有正確的語法，可能導致網頁瀏覽器將無法解讀，只能盡可能地猜測我們的意思，因此我們很有可能會得到一個不如預期的結果。所以，別這樣做！！

*. W3C提供的HTML Validator可以確認HTML程式碼的正確性。

物件導向 Object-Oriented

HTML標籤的設計方式是採用物件導向的想法。現實生活中的物件包含兩個部分：

1. 屬性(Attributes)
2. 行為(Methods)

例如，一台汽車的屬性包含廠牌、出廠年份、顏色、價格等等靜態屬性。動態行為則包含直走、亮燈、左轉、右轉、鳴喇叭等等。同理，每個 HTML標籤都有各自可以設定的屬性與行為。

HTML Skeleton