HTML 5 發布於 2016 年，是目前網頁製作的主流，除了少數於2016年以前製作的網站，目前都已是 HTML5 的時代。
到 2021年11月為止，依據經驗手邊經手的網站多半已經都更換為 HTML 5，但仍然有20% 的網站 ( 個人觀看與經手，不代表整體市場 )，尚未更新至 HTＭL 5。
關於 HTML 發展詳情請看 HTML 意思是什麼，之前已做過簡介。
宣告 HTML 5
HTML 5 的宣告，在網頁的一開始加上以下 code :
<!DOCTYPE html>與 HTML 4 相比，HTML 5 的宣告相對簡潔，以下是 HTML 4 的宣告，提供做為比較。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">製作 HTML 5 網頁的基本結構
HTML 語法幾本組成說明
網頁的語法組成都是對稱的，由<標籤(tag)>來告知瀏覽器(宣告)此區段的開始，由</ 標籤(tag) >來告知該區段的結束，而 <標籤(tag)></ 標籤(tag) > 的中間，包裹著內容。
HTML 基本結構
製作 HTML 5 網頁，與 HTML 4 一樣，基本由 html、head、body 組成。
<html></html>宣告該區段為 html 文件(網頁)
Html <head>
宣告網頁的基本資訊，也被稱作「標頭」，主要將資訊提供給搜尋引擎(EX: Gooogle, Bing …等)、社群軟體( Facebook , IG, LINE …等 ) 、瀏覽系( chrome, Safari)讀取，提供的資訊包含標題、描述、權重網址、社群連結…等網頁重要資訊。
該區段的訊息，幾乎不會顯示在網頁上給用戶看到。
該區段也是存放相關meta tag、JS、CSS、Font 的地方。
<html>
<head>
<!-- 放meta tag、JS、CSS、Font -->
</head>
</html>Html <body>
網頁的內容，所有網頁看的到的資訊，都放在<body>中。
<html>
<head>
<!-- 放meta tag、JS、CSS、Font -->
</head>
<body>
<!-- 網頁內容 -->
</body>
</html>HTML 5 基本結構 Example :
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>HTML 5 Example :
不免俗，來一個 Hello Word 範例 :
<!DOCTYPE html>
<html>
<head>
<title>Hello Word!</title>
</head>
<body>
<h1>Hello Word!</h1>
<p>這是一個 Hello Word 範例頁面</p>
</body>
</html>
發表迴響