近年來，HTML5在網(wǎng)站開發(fā)領(lǐng)域越來越受到青睞，很多的購物商城也開始逐漸使用HTML5開發(fā)。下面是一個(gè)簡單的HTML5購物商城代碼：
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>購物商城</title> </head> <body> <header> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">圖書</a></li> <li><a href="#">音像</a></li> <li><a href="#">游戲</a></li> <li><a href="#">電子產(chǎn)品</a></li> </ul> </nav> <h1>購物商城</h1> </header> <main> <div class="product"> <img src="book.jpg"> <h2>JavaScript高級(jí)編程</h2> <p>價(jià)格：￥168.00</p> <a href="#">立即購買</a> </div> <div class="product"> <img src="cd.jpg"> <h2>張國榮精選</h2> <p>價(jià)格：￥50.00</p> <a href="#">立即購買</a> </div> <div class="product"> <img src="game.jpg"> <h2>魔獸世界</h2> <p>價(jià)格：￥99.00</p> <a href="#">立即購買</a> </div> </main> <footer> <p>地址：XXX</p> <p>電話：XXX</p> </footer> </body> </html>
以上代碼包括了HTML5語言中的標(biāo)題、標(biāo)題頭、導(dǎo)航、主體、腳注等元素，對(duì)于購物商城的網(wǎng)站開發(fā)來說，這些都是必不可少的元素。其中，header元素包含了網(wǎng)站的標(biāo)志和網(wǎng)站的導(dǎo)航欄，main元素包含了商品的展示頁面，footer元素包含了網(wǎng)站的聯(lián)系信息。