close

以前HTML5剛出來時後，大家一直說有多酷多炫

那時候根本就懶得學，因為她根本沒有通過W3C。

但在2014年10月底竟然通過了。好吧!!!是我自己懶散都不太想學= =

參考資料：http://www.w3schools.com/html/html5_intro.asp

html5 維基百科：http://zh.wikipedia.org/wiki/HTML5

 

好啦。這也是我自己的備份拉阿哈哈哈哈哈哈!這很嚴肅。

 

ఠ_ఠ 先來初步認識一下

1.宣告變簡單了，也可小寫

<!DOCTYPE html> or <!doctype html>

2.字元編碼也很簡單，要在<head>區域裡面

<meta charset="UTF-8">

3.基本例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
Content of the document......
</body>

</html>

 

ఠ_ఠ 瀏覽器支援

Internet Explorer Firefox Opera Google Chrome Safari

其實所有的瀏覽器都有支援了，除了比較old的IE們(IE 9 以前的)。到底IE 為啥不強制讓他們更新呢!

關於IE 9 之前的瀏覽器，在<head>區域裡頭加上這一串就好囉!

<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

 

 

ఠ_ఠ 終於要進入主題了，這個完全跟我息息相關....到底多了什麼

他多了很多新的tag，我就抓我常用到的來說吧！

其他更多元素可看：http://www.w3schools.com/html/html5_new_elements.asp

上面網址有針對結構、表單、圖形、媒體新的元素，有興趣自己看看吧！

HTML5 Semantic Elements

 

 

 

 

 

這些都是html5用的tag

 

這個表格很熟悉吧！！常在建網頁的人應該有自己的版本。

但畫格子我也會，到底跟以前有什麼不同啦！！！！！看下面格子就一目瞭然了啊！！！

在html5以前都需要在前面加上div，html5把它給去掉了～～～～挖嗚嗚嗚

 

Typical HTML4Typical HTML5
<div id="header"> <header>
<div id="menu"> <nav>
<div id="content"> <section>
<div id="post"> <article>
<div id="footer"> <footer>

 

 

最近遇到一個難題，如果這問題很笨不要打我ˊˋ

為什麼同事說用html5就可以完成RWD網頁阿！！！！？？？我充滿懷疑

畢竟RWD對我來說還是挺陌生的東西！！！

好吧！等到真的來建立再說吧！！！

 

 

 

 

arrow
arrow
    文章標籤
    html5 多了什麼 瀏覽器支援
    全站熱搜

    Kaikai凱開 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄