2012年7月12日 星期四

Html 基本說明(4)- HTML5 與 HTML4 結構及設計寫法上的差異


目前,世面上的網頁大頁上,還是以HTML4/XHTML寫法為主流,而之前我寫的網頁,也都是以這個方式寫的

而現在,因HTML5 的出現,將整個結構有明顯的更新,所以,我將HTML 5的結構說明一便,以便大家了解

這是之前的結構  HTML4/XHTML

   
以下是HTML 5 的結構


以上差異,各位可發現在哪裡有差嗎?

其實在只是寫法方式變了,但在新的寫法中,各位可以發現到,新的寫法其實可讓google 和bing 了解各位在網頁中,每個地方所存在意思!

在舊的寫法中,<div id="header">,在網路機器人中,他只認為他是一個<div>的容器,並不會認為他是抬頭,及便各位像我一樣在id加上

header,電腦也認為是<div>,而在新的寫法中,就可讓電腦知道,<header>就是抬頭,而<footer>就是底層,而其中的<section>就是

放資料的地方,而<nav>就是放導覽列的地方。

各位會認為,這個寫法並沒什用處,錯!其實在網頁中,如果你能讓google 和bing/yahoo 機器人了解你的網頁,你必須寫得更明白及簡易,

讓機器人了解你的網頁,機器人才會將你的網頁曝光,這就所謂的SEO 的部份,這個部份可以日後再談!



以上,這是新一下HTML 5 寫法,各位能接受嗎?我已在習慣中 哈哈

沒有留言:

張貼留言