2013年1月3日 星期四

HTML5基本介紹及架構


XHTML 1.0 Transitional 文件檔案類型聲告的語法如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


HTML5中,改成只需要:
<!doctype html>

在XHTML中指定頁面字型為UTF-8編碼:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

HTML5中,改成只需要:
<meta charset="UTF-8">

在HTML4中<script>標籤定義如下:
<script type="text/javascript" src="file.js"></script>

HTML5中,改成只需要:
<script src=”file_name.js”></script>


載入外部CSS語法如下:
<link rel="stylesheet" type="text/css" href="style.css"/>

HTML5中,改成只需要:
<link rel="stylesheet" href="style.css">

因此基本的HTML5架構如下:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Example document</title>
<script src=”file_name.js”></script>
<link rel="stylesheet" href="style.css">
</head>

<body>
頁面輸出內容
</body>
</html>

沒有留言:

張貼留言