2014年2月19日 星期三
2014年2月5日 星期三
HTML5 學習筆記
HTML5 學習筆記
P.S. HTML5現在可以不用使用雙引號（單引號）來宣告。像是像是link後面的href=可以直接連接CSS檔案的路徑(看你要用絕對路徑還是相對路徑。)，而不用<link href='XXX.css'>。
※不過如果像是HTML元素內的class、id等等，像是如此class="nav navbar"，你必須要用雙引號(單引號)來告訴瀏覽器知道這是class的宣告。
HTML5 宣告
<!DOCTYPE html>
<html lang=zh-tw>
<head>
<meta charset=utf-8>
<title>你的網站標題</title>
<meta name=keywords content=網站的關鍵字，可以用〝,〞來寫多個關鍵字。>
<meta name=description content=你網站的描述。>
<meta name=author content=您的名字或者暱稱。>
<meta name=copyright content=你的版權宣告。>
<link rel=stylesheet href=你的CSS檔案的路徑>
<script src=你的JS檔案的路徑 ※建議主要的JS函式庫。></script>
</head>
<body>
/******************************************************
* HTML元素放置區域。
******************************************************/
<script src=你的JS檔案的路徑 ※建議子網頁的JS設定></script>
</body>
</html>
<html lang=zh-tw>
<head>
<meta charset=utf-8>
<title>你的網站標題</title>
<meta name=keywords content=網站的關鍵字，可以用〝,〞來寫多個關鍵字。>
<meta name=description content=你網站的描述。>
<meta name=author content=您的名字或者暱稱。>
<meta name=copyright content=你的版權宣告。>
<link rel=stylesheet href=你的CSS檔案的路徑>
<script src=你的JS檔案的路徑 ※建議主要的JS函式庫。></script>
</head>
<body>
/******************************************************
* HTML元素放置區域。
******************************************************/
<script src=你的JS檔案的路徑 ※建議子網頁的JS設定></script>
</body>
</html>
頁面元素
header 元素
header表示頁面中一個內容區塊或者整個頁面的標題。HTML5
<header></header>
HTML4
<div id="header"></div>
nav元素
nav表示頁面中導覽連結的部分。HTML5
<nav></nav>
HTML4
<div id=nav></div>
article元素
article表示頁面中的一塊與上下文不相關的獨立內容HTML5
<article></article>
HTML4
<div id="article"></div>
section元素
section表示頁面中的內容區塊。HTML5
<section></section>
HTML4
<div id="section"></div>
aside元素
aside表示aside元素的內容之外與article元素的內容相關的輔助資訊。HTML5
<aside></aside>
HTML4
<div id="aside"></div>
footer元素
footer表示整個頁面或頁面中一個內容區塊的註腳。HTML5
<footer></footer>
HTML4
<div id=footer></div>
hgroup元素
hgroup用於對整個頁面或頁面中一個內容區塊的標題進行組合。HTML5
<hgroup></hgroup>
HTML4
<div id="hgroup"></div>
figure元素
figure表示一段獨立的流內容HTML5
訂閱：
文章 (Atom)