先理解語義再談使用。

Table標簽顧名思義，用來展示格式化數據。但是也會經常用來做布局，原因是各種對齊、居中和寬高控制很容易，而且兼容性好（比如導出PDF、word等）。

Form用來做交互并收集用戶數據，有文本輸入框、單選復選框和文件按鈕等表單元素，HTML5中又增加了很多新的表單元素，比如日期。

所以Table展示數據，Form輸入數據。按語義使用他們的好處是網頁結構清晰（去掉CSS也能良好展示）、有利于SEO、減少代碼差異易于維護、利于設備解析（比如盲人閱讀、移動設備等）。所有有了這個指導思想，下面就是學習具體使用，第一步了解它們有哪些標簽、屬性并理解含義，第二步驟結合CSS3/AJAX，設計出好的用戶體驗。這些展開會是很大的篇幅，建議花時間自學。首選http://www.w3school.com.cn/html/

希望能幫到你！

你用的什么瀏覽器?我這里IE9和FF都是沒問題的,你現在這個用的for/in循環就是說item每次是data中的一個對象,第一次是name:'abc',第二次value:'123'

1、新建一個html代碼頁面，然后創建一個點擊按鈕標簽和一個用于存放循環內容的div標簽。代碼：<button>點擊跳出循環</button><div id="cont"></div>

2、創建點擊時觸發循環的方法。在body結束標簽前創建一個<script>,然后在這個不標簽里創建一個從0-9的for循環。代碼：<script>function myFunction(){var num = "";for(var i=0; i<10; i++){num += "循環到"+i+"<br />";}document.querySelector("#cont").innerHTML = num}</script>

3、添加按鈕點擊時觸發循環方法。在<button>標簽上添加點擊myFunction()函數。代碼：<button onclick="myFunction()">點擊跳出循環</button>

4、保存后使用瀏覽器打開，點擊按鈕后可看到按鈕下方打印出從0-9的循環內容。

5、回到html代碼頁面，在for循環體使用添加一個判斷語句，當循環到3的時候跳出循環體。代碼：if(i==3){break;}

6、保存html代碼后刷新瀏覽器，再點擊按鈕可以發現按鈕下方只打印出從0-2的內容，這就表示成功使用break跳出循環體了。