HTML 的基本架構:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
什麼是 DOCTYPE?
Doctype 是放在網頁的最上面,告知瀏覽器,此網頁所使用的HTML標籤是什麼版本。
在 HTML4.01 是這樣表示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML5 則為這樣
<!DOCTYPE html>
HTML 元素
- 網頁的根元素,是 HTML 標籤的基礎
- 內含head及body子元素
- 可設定 lang 屬性,指定網頁所使用的語言
<html lang="zh-tw">
</html>
標籤、元素、屬性與屬性值
HTML 本身是一種標籤語言,其標籤可以分為有封閉或沒有封閉兩種,需要封閉的標籤包括 h1, div, p... 等,而不需要封閉的標籤則有 img, br, hr... 等,除了標籤外,HTML 也有規範一些資訊可以加在標籤內,這個就稱為屬性,比如:
<h1 title="網頁標題">網頁標題</h1>
其中 title="網頁標題" 就是一種標籤的屬性,這個屬性可以讓使用者再將滑鼠游標移到標籤上時會顯示提示文字。