Java瑪奇朵-非本科系的IT吃喝電玩日誌

今天的HTML5課程要來和大家分享一個變得超好用的工具!!那就是Drag and Drop!!她變得可以直接使用了~是不是很方便~

HTML5 Drag & Drop API-讓元素變得可拖曳

大家都看過HTML5 Drag and Drop上篇了嗎?下篇一起看學得更多!!大家一起學習進步吧!!

數據傳輸DataTransfer

拖曳動作的目的，是為了對來源和目標元素做操作。為了完成整個操作，就需要在來源元素和目標元素間傳輸數據。在 HTML5 中，我們透過 Javascript 的 DataTransfer 完成數據傳輸。

本篇HTML5入門課要跟大家介紹好用的地理位置定位,但要小心隱私權才行喔!!

什麼是地理位置定位 (Geolocation) API?

在 HTML5 網頁，前端工程師可使用地理位置定位 (Geolocation API) 來取得用戶的地理位置。但基於隱私權的考量，一定要獲得使用者同意才可使用。對於具有GPS（如智慧型手機等）的設備，地理位置更為準確。

新的HTML5讓Drag and Drop變得更好用的!!想了解詳情的話看這篇就對啦!!

HTML5 Drag & Drop API-讓元素變得可拖曳

HTML5入門篇又來啦!!今天要跟大家分享的是瀏覽儲存器!!更安全速度更快的瀏覽器你一定要試試!!

前端工程師幾乎天天都會用到的HTML5你都熟悉嗎?今天要和大家介紹的是嵌入影片的新增元素,別錯過!!

HTML5新增video元素-終於可以撥放影片了!

各位前端工程師們知道HTML5排版元素的妙用嗎?還不知道的話快來看看今天的文章吧!!

為何 HTML5 需要增加這些語意元素?

過往在 HTML4 的時代，前端工程師使用<div>和<span> 兩個元素進行網頁排版的工作。但是因為網頁排版本身就有分成標題、選單、導覽列、側欄等區塊，不只兩種元素。因此常常看到有 <div id="header">、 <div class="nav">等元素搭配 id 和 class 的「延伸」用法，既冗長又麻煩。

這一篇HTML5入門課程要來跟大家分享如何直接插入音檔,再也不必透過其他外掛程式了!!

HTML5新稱audio元素-終於可以撥放音樂了!

在 HTML5 版本出現之前，在 HTML4，如果一定需要在網頁中聽音樂或看到影片的話，就只能透過像是 Flash 之類的外掛程式。 而 HTML5 新增的 <audio> 元素提供了可直接在網頁中嵌入影音檔的方式。

承上一篇HTML5超好用的排版元素後~今天要來跟大家更進一步介紹網頁內容相關的語意元素!!快學起來吧!!

更簡單、更有利於 SEO - HTML5新增的語意元素

在前一篇提過： HTML4 的時代，網頁排版只有兩種元素：<div>和<span>，早已無法應付近十年來越來越複雜多元的網頁排版。前端工程師只好將這些元素「延伸」以便排版，因此常常看到有<div id="header">這樣子冗長的標籤。因此 HTML5 提供了一系列語意元素（Semantic Elements）來取代上述的「延伸」用法，像上述的例子在 HTML5 就可以用 <header> 來取代，既精簡又更利於 Google 的搜尋引擎爬蟲理解，因此對 SEO 有例。

今天的HTML5入門課要來跟大家說一超好用的新增元素～還不知道如何嵌入影片的學員一定要看喔~

HTML5新增video元素-終於可以撥放影片了!

猜猜達內教育最近和哪個知名國際認證機構合作?是一個和藝術相關學員密切相關的機構喔~

過去，AI 機器學習研究人員開發了一套系統，它可以利用靜態的人臉照片/肖像呈現出栩栩如生維妙維肖的逼真動作。有了這樣的系統，每一張人像照片都可以變成動畫，彷彿畫中的肖像都變成活生生的人一樣！

大家知道Python跟人工智慧有關係~但大家知道Python也能繪圖嗎?看看工程師是怎麼把皮卡丘畫出來的吧!!