在上一篇介紹HTML5的文章中,已經介紹了三種語意元素,今天要來教你剩下的三種!
更簡單、更有利於 SEO - HTML5新增的語意元素
在前一篇提過： HTML4 的時代，網頁排版只有兩種元素：<div>和<span>，但早已無法應付近十年來越來越複雜多元的網頁排版。前端工程師只好將這些元素「延伸」以便排版，因此常常看到有<div id="header">這樣子冗長的標籤。也因此，HTML5 提供了一系列語意元素（Semantic Elements）來取代上述的「延伸」用法，像上述的例子在 HTML5 就可以用 <header> 來取代，既精簡又更利於 Google 的搜尋引擎爬蟲理解，因此對 SEO 有例。
Uder.chain 發表在 痞客邦 留言(0) 人氣()
能處在有HTML5的時代,實在是超幸運!來了解HTML5到底多了那些語意元素吧!
為何 HTML5 需要增加這些語意元素?
讓我們回想一下，在HTML4 的時代，前端工程師只能使用<div>和<span> 兩個元素進行網頁排版的工作。但是因為網頁排版本身又分成標題、導覽列、選單、側欄等區塊，不只兩種元素。因此常常看到有 <div id="header">、 <div class="nav">等元素搭配 id 和 class 的「延伸」用法，既冗長又麻煩。
Uder.chain 發表在 痞客邦 留言(0) 人氣()
現在HTML5讓嵌入影片更方便了!想看影片,再也不需要靠外掛啦~
HTML5新增video元素-終於可以撥放影片了！
在 HTML5 版本出現之前，網頁排版只有<div>和<span>兩種元素，早已無法應付現今功能越來越齊全的網頁 —— 甚至連撥放影音的元素都沒有！在 HTML4，要在網頁中聽音樂或看到影片，還只能透過像是 Flash 之類的外掛。
而 HTML5 中的 <video> 元素，更提供了前端工程師可直接在網頁中嵌入影片檔的方式。
Uder.chain 發表在 痞客邦 留言(0) 人氣()
Uder.chain 發表在 痞客邦 留言(0) 人氣()
Uder.chain 發表在 痞客邦 留言(0) 人氣()
Uder.chain 發表在 痞客邦 留言(0) 人氣()
Uder.chain 發表在 痞客邦 留言(0) 人氣()
早就跟你說過達內教育可不是省油的燈!現在他們竟然能跟Adobe-ACA簽約成功???
Uder.chain 發表在 痞客邦 留言(0) 人氣()
Uder.chain 發表在 痞客邦 留言(0) 人氣()
Uder.chain 發表在 痞客邦 留言(0) 人氣()
