前面沒有寫到,再補充一下:)
<!doctype html>
是什麼?
「」文件開頭的這段描述稱為「Doctype宣告」,是在說明這個網頁是用哪個版本的HTML,根據哪種類型編寫而成的。
<html>~</html>
是什麼?
HTML利用半形文字組成的標籤(Tag)記號來標記。通常在Doctype 宣告後面,就會緊接著<html>〜</html>
這組標籤,用來說明這個檔案是HTML文件。我們在此標籤裡還寫了一句「lang="zh-Hant-TW”」,「lang」是在標註網頁的語系,讓瀏覽器能正確地解析與編碼網頁,例如「zh-Hant-TW」是指繁體中文。「lang="zh-Hant-TW”」就是在告訴瀏覽器「這是一份繁體中文的文件」。
<head>〜</head>
是什麼?
這部分是描述網頁的資料,包括網頁的標題、說明、使用的外部檔案連結等,在我們
瀏覽網頁的時候,「head」標籤裡的內容並不會顯示在瀏覽器的畫面中。<meta charset="UTF-8">
是什麼
這段描述是把文字的編碼格式變成「UTF-8」的編碼設定。這裡如果沒有正確描述,可能會讓網頁裡的文字變成亂碼,無法顯示文字,因此一定要有這段描述。
<title>~</title>
是什麼?
我們會在「title」標籤中編寫這個網頁
的標題。標題中的文字會顯示在瀏覽器的
標籤上,這也是當使用者將網頁加入書籤
(我的最愛)或是在搜尋網頁時,會看到
的網頁標題。
<meta name="description"content="~">
是什麼?
「meta」標籤是用來描述内容概要、關鍵字等,不會顯示在瀏覽器中,但是在搜尋網頁
時,「meta」標籤的內容會和網頁標題一起出現。最好加入關鍵字,讓使用者在搜尋時,可以瞬間判斷這是哪種類型的網站。
<body>〜</body>
是什麼?
「body」標籤是HTML文件的主體。這裡輸入的內容會實際顯示在瀏覽器上。