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

各位前端工程師們知道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 機器學習研究人員開發了一套系統，它可以利用靜態的人臉照片/肖像呈現出栩栩如生維妙維肖的逼真動作。有了這樣的系統，每一張人像照片都可以變成動畫，彷彿畫中的肖像都變成活生生的人一樣！