課程心得8:用HTML讀取資料

       上次課老師布置的第二項作業，是根據w3school上的範例，寫程式用html讀取XML或Jason格式的資料。我之前沒有學習過html語言，不是很清楚應該怎麼做，在示例和同學的指導下，完成了這次作業。

       首先，讀懂範例。比如，border-collapse：collapse是為表格設置合併邊框模型；px是像素相對於電腦螢幕的長度單位；black代表的是表格邊框的顏色；還有讀寫文件時對表個名稱的添加；最重要的是將這些局部連成整體弄懂怎麼寫，等。

然後，到政府資料開放平台上下載xml格式的文件，我下載的是違規畫妝品廣告資料集，根據資料的內容來修改範例中的HTML文件。

因為該資料中的名稱都是中文，以防在瀏覽器中顯示時出現亂碼，於 HTML head 指定此頁編碼為 UTF-8，<meta http-equiv="Content-Type" content="text/html; charset=utf-8”>。再就是將open的文件名改成我自己的資料158_1.xml，最後在讀取文件的主體部分，document.write後面加上表格的標題和讀取xml名稱。然後嘗試用chrome執行這些代碼，但是沒有反應。在同學的提示下，下載了Firefox瀏覽器，可以執行顯示表格信息。非常的開心，以為成功，但仔細的查看資料發現記錄數量明顯少於xml文件中的數量。

       第一次資料中斷的地方在“ 金箔抗皺保濕凝膠” ，我猜想是因為其第五項——違規情節，沒有內容，所以讀寫資料出現錯誤。

       為了驗證該猜想，我在這條記錄後面補上一個“1”，如下圖所示，在“金箔抗皺保濕凝膠”可以完整的顯示，在“資生堂驅黑淨白露”後又出現的問題，所以可以肯定是因為這段代碼不能讀空值，所出現error。目前發給老師的版本中還沒能解決這個問題，以及為什麼firefox可以執行文件但是chrome瀏覽器不可以，我要自己稍微再學習下看能不能弄明白。

       關於open data的想法，我還需要認真思考，以後再發給老師。這個html文件是根據範例修改來的，沒有調整思路和結構，有需要我會在課後繼續學習。