以前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>
ఠ_ఠ 瀏覽器支援
其實所有的瀏覽器都有支援了,除了比較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用的tag
這個表格很熟悉吧!!常在建網頁的人應該有自己的版本。
但畫格子我也會,到底跟以前有什麼不同啦!!!!!看下面格子就一目瞭然了啊!!!
在html5以前都需要在前面加上div,html5把它給去掉了~~~~挖嗚嗚嗚
Typical HTML4 | Typical HTML5 |
---|---|
<div id="header"> | <header> |
<div id="menu"> | <nav> |
<div id="content"> | <section> |
<div id="post"> | <article> |
<div id="footer"> | <footer> |
最近遇到一個難題,如果這問題很笨不要打我ˊˋ
為什麼同事說用html5就可以完成RWD網頁阿!!!!???我充滿懷疑
畢竟RWD對我來說還是挺陌生的東西!!!
好吧!等到真的來建立再說吧!!!