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>是放置顯示網頁的內容。




留言

這個網誌中的熱門文章

利用第三方軟體來改變硬碟磁區空間

利用iPhone或iPad來開設icloud電郵和建立APPLE ID

HTML5 - 簡介篇