一個基本的HTML5模板「建議收藏」

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<link rel="stylesheet" type="text/css" href="main.css" />
 <script type="text/javascript" src="myscript.js" ></script>
</head>
<body>
這里是內容
</body>
</html>

【說明】
第一行<!DOCTYPE html>用來聲明這是個html5文檔
html文檔 以<html>開始，以</html>結束
<head></head>是頭部信息，這部分是在頁面上是不顯示的，主要告訴瀏覽器一些信息，比如使用的字符集，
文檔標題、需要加載的CSS（層疊樣式表）和JavaScript文檔。
<link>表示鏈接一個外部mian.css 的樣式表文件。樣式表用來美化頁面元素，定義元素的參數。
<javascript>表示這是個瀏覽器腳本文件，里面的src屬性表示鏈接一個外部腳本文件。
<body></body>表示主體，這部分是用來在瀏覽器頁面是顯示的，是用戶可以真正看到的內容。body里面可
包含很多語義標簽，像div，span，table，form，video，li等。

older Responsive Html5 Theme

zCumbeton – Free Responsive Html5 Theme

Kataklimt Responsive Html5 Theme

Zparalexy Responsive Html5 Theme

zBoomMusic – Free Responsive Html5 Theme

Response Responsive Html5 Theme

VividPhoto Responsive HTML5 and CSS3 Template

Respond Responsive Html5 Theme

Brownie Responsive Html5 Theme

Triangle Responsive Html5 Theme

LiquidGem Responsive Html5 Theme

Hosting Website – Free Html5 Responsive Template

Flexapp Responsive Html5 Theme

Designa Responsive Html5 Theme

Accentbox Responsive Html5 Theme

OnePager Responsive Html5 Theme

Simpler Responsive Html5 Theme

Free ABC Responsive Templates

Free Modu Responsive HTML 5 Template

Sunrise – A free responsive HTML5 theme

Resond Free responsive HTML5 template

者：明明如月

審校：藍色漂流瓶

本文講的是啥？

本文為你提供一篇HTML5基本布局模板示例。你可以直接拷貝，粘貼到你的HTML文件中并對其進行修改。

好，說實話，這個本是為我自己準備的html5布局模板，但是你可以拿來用。

譯者注：由于無法直接粘貼代碼，需要的親直接進入尾部提供的鏈接，拷貝下來即可。

雖然本文比較簡單（噴子止步），但是還是一個不錯的模板，可以存起來，或者參考一下人家的結構。

基本的HTML5 模板布局模板：

代碼如下：

圖片格式

帶頭部、尾部和導航的基本的HTML5布局模板

圖片格式

英文源：http://www.codeshare.co.uk/blog/basic-html5-template-layout-example/

在線咨詢

上一篇：「砸金蛋」趣味玩法上線！0門檻引流
下一篇：HTML創建用戶反饋表單

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商