5. 認識HTML5
5-1 上課範例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body bgcolor="#000000">
<table width="1000" align="center" border=0 cellpadding=8 cellspacing=0 summary="版型用" background="page.png" height=600>
<tr valign="top">
<td colspan=2 align="center" height=150>
<!--標題圖-->
<a href="http://tad0616.net" target="_blank">
<img src="title.png" alt="title.png, 7.0kB" title="Title" border="0" height="89" width="135">
</a>
</td>
</tr>
<tr valign="top">
<td>
<!--主內容外框開始-->
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD><IMG SRC="images/pic_1.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD>
<TD background="images/pic_2.png"></TD>
<TD><IMG SRC="images/pic_3.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD>
</TR>
<TR>
<TD background="images/pic_4.png"></TD>
<TD background="images/pic_5.gif">
<!--主內容開始-->
<h1>一、HTML5現況</h1>
<ol>
<li>HTML5將於2014年發布正式版</li>
<li>廣義論及HTML5時，實際指的是HTML、CSS和JavaScript在內的技術組合</li>
<li>各瀏覽器HTML5支援程度：http://www.findmebyip.com/litmus/</li>
<li>HTML5空白樣板：http://html5boilerplate.com/</li>
</ol>
<h1>二、HTML5和HTML4的差異</h1>
<p>以下資料引用自：http://www.css88.com/archives/2796</p>
<ol>
<li>簡潔的DOCTYPE：<br>
HTML5 只有一個簡單的文檔類型：<!DOCTYPE html>。它不使用版本，因此該文檔類型適用所有版本的HTML。</li>
<li>簡單易記的語言標籤：<br>
你並不需要在<html> 中使用xmlns 或xml:lang標記。<html lang="en"> 將對HTML5 有效。</li>
<li>簡單易記的編碼類型：<br>
你現在可以在meta 標籤中使用"charset"：<meta charset="utf-8" /></li>
<li>不需要閉合標籤：<br>
在HTML5 中，空標籤（如：br、img 和input ）並不需要閉合標籤。</li>
<li>廢棄的標籤：</li>
</ol>
<!--主內容結束-->
</TD>
<TD background="images/pic_6.png"></TD>
</TR>
<TR>
<TD><IMG SRC="images/pic_7.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD>
<TD background="images/pic_8.png"></TD>
<TD><IMG SRC="images/pic_9.png" WIDTH="30" BORDER="0" HEIGHT="30"></TD>
</TR>
</TABLE>
<!--主內容外框結束-->
</td>
<td width="200">
<!--右區塊開始-->
<TABLE BORDER="0" WIDTH="190" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD background="images/block2_1.png" HEIGHT="58">區塊標題</TD>
</TR>
<TR>
<TD background="images/block2_2.png">
這一版是 Tad Uploader的大改版，除了版面全改以外，後台也全改了，上傳方式也都改了，改很大的版本，歡迎各位用力測試。RC1直接上傳有點問題，在RC2已經修正了。
這一版是 Tad Uploader的大改版，除了版面全改以外，後台也全改了，上傳方式也都改了，改很大的版本，歡迎各位用力測試。RC1直接上傳有點問題，在RC2已經修正了。
</TD>
</TR>
<TR>
<TD><IMG SRC="images/block2_3.png" WIDTH="190" BORDER="0" HEIGHT="33"></TD>
</TR>
</TABLE>
<TABLE BORDER="0" CELLPADDING="20" CELLSPACING="0" background="images/block1.jpg" width=190 height=266>
<TR>
<TD>
這一版是 Tad Uploader的大改版，除了版面全改以外，後台也全改了，上傳方式也都改了，改很大的版本，歡迎各位用力測試。RC1直接上傳有點問題，在RC2已經修正了。
</TD>
</TR>
</TABLE>
<!--右區塊結束-->
</td>
</tr>
</table>
</body>
</html>
