close

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

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

 

這是之前的結構  HTML4/XHTML

 html4-表示圖.fw    


以下是HTML 5 的結構

html5-表示圖.fw  

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

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

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

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

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

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

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

 

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

      

arrow
arrow
    文章標籤
    網頁設計製作
    全站熱搜

    雲橙雨林 發表在 痞客邦 留言(0) 人氣()