iT邦幫忙

2024 iThome 鐵人賽

DAY 7
0

前面沒有寫到,再補充一下:)

<!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文件的主體。這裡輸入的內容會實際顯示在瀏覽器上。


上一篇
Day6:設定連結&顯示項目清單&建立CSS檔案
下一篇
Day8:製作HTML 表格和表單
系列文
HTML&CSS網頁設計學習心得30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言