HTML5網頁模板設計代碼
在現代網站的設計中，HTML5網頁模板已經成為了一個必要的工具。它幫助設計師能夠更快地創建漂亮的網站，而無需從頭開始構建。以下是一個基礎的HTML5網頁模板設計代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Website</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <section> <h1>Welcome to my website!</h1> <p>Here, you'll find all the information you need to know about us and our services.</p> </section> <footer> <p>Copyright © 2021 My Website</p> </footer> <script src="script.js"></script> </body> </html>
在這個設計代碼中，<!DOCTYPE html>標簽表明了這個文檔是一個HTML5的文檔。其余的html文檔則包括一個頭（<head>）和一個體（<body>）部分。頭部分包括了一系列的標簽，其中包括了網站的標題（<title>）、視口（<meta name="viewport" content="width=device-width, initial-scale=1.0">）和樣式表（<link rel="stylesheet" href="style.css">）。
體部分則包括頭部（例如，<header>）、內容（例如，<section>）和頁腳（例如，<footer>）部分。在這個設計中，頭部分包括了網站的導航菜單（<nav>），每個頁面鏈接有鏈接標簽（例如，<a href="#">Home</a>）。內容部分包括了網站的歡迎信息（<h1>和<p>標簽）。
最終，頁腳部分包括了網站的版權信息（<p>標簽）。一個JavaScript代碼（<script>標簽）也被引用，即在一個名為“script.js”的文件中。