HTML 5 - 的網頁結構
HTML 5 比以往的HTML 更加簡化。以下是一個簡單的HTML 5 頁面:
<!doctype html>
<html lang = "zh">
<head>
<meta character = "UTF-8">
<title>HTML 5 文件 </title>
</head>
<body>
這是一份HTML 5 文件
</body>
>/html>
________
HTML 5 網頁結構的解讀
DOCTYPE html 是document type的縮寫,所代表的意思為文件類型, 其作用就是用來說明,目前網頁所編寫HTML、的標籤是採用什麼樣的版本。
在HTML5的<html>中可增加lang=來標註網頁的語系,讓瀏覽器能更正確的解析與編碼。
<head>....</head> 在這個區域提供這份文件訊息與資料。包括文件的標題、內容的概述、語系、編碼、文件型態等...,還能引用腳本及指定使用的樣式表,這些內容絕大多數都不會化為真正內容顯示給瀏覽者。
例子 :
<meta character = "UTF-8">這是將網頁文件宣告為 UTF-8 編碼。
<title>HTML 5 文件 </title>這是將網頁文件的標題設定為『HTML 5 文件』。
<body>...</body>是放置顯示網頁的內容。
<!doctype html>
<html lang = "zh">
<head>
<meta character = "UTF-8">
<title>HTML 5 文件 </title>
</head>
<body>
這是一份HTML 5 文件
</body>
>/html>
________
HTML 5 網頁結構的解讀
DOCTYPE html 是document type的縮寫,所代表的意思為文件類型, 其作用就是用來說明,目前網頁所編寫HTML、的標籤是採用什麼樣的版本。
在HTML5的<html>中可增加lang=來標註網頁的語系,讓瀏覽器能更正確的解析與編碼。
<head>....</head> 在這個區域提供這份文件訊息與資料。包括文件的標題、內容的概述、語系、編碼、文件型態等...,還能引用腳本及指定使用的樣式表,這些內容絕大多數都不會化為真正內容顯示給瀏覽者。
例子 :
<meta character = "UTF-8">這是將網頁文件宣告為 UTF-8 編碼。
<title>HTML 5 文件 </title>這是將網頁文件的標題設定為『HTML 5 文件』。
<body>...</body>是放置顯示網頁的內容。
留言
張貼留言