HTML5手機(jī)購(gòu)物車是一種非常方便的在線購(gòu)物工具，它可以幫助用戶在移動(dòng)設(shè)備上輕松地添加商品，瀏覽購(gòu)物車和結(jié)賬。下面是一個(gè)基本的HTML5購(gòu)物車代碼。
<!DOCTYPE html>
<html>
<head>
<title>HTML5購(gòu)物車</title>
</head>
<body>
<h1>我的購(gòu)物車</h1>
<div id="cart">
<ul id="items">
<li data-id="001" data-name="T恤" data-price="25.00">T恤: ￥25.00</li>
<li data-id="002" data-name="牛仔褲" data-price="50.00">牛仔褲: ￥50.00</li>
<li data-id="003" data-name="襯衫" data-price="35.00">襯衫: ￥35.00</li>
</ul>
<p id="total">總價(jià): ￥0.00</p>
<button id="checkout">結(jié)賬</button>
</div>
<script src="jquery.min.js"></script>
<script src="shopping_cart.js"></script>
</body>
</html>代碼中包括一個(gè)div元素來(lái)表示購(gòu)物車，在其中有一個(gè)ul元素表示商品列表，每一個(gè)li元素則代表一個(gè)商品，用"data-id"、"data-name"和"data-price"這些自定義屬性來(lái)存儲(chǔ)商品信息。總價(jià)以及結(jié)賬按鈕可以通過(guò)p元素和button元素進(jìn)行實(shí)現(xiàn)。此外，還需要引用jQuery庫(kù)和一個(gè)簡(jiǎn)單的JavaScript腳本(shopping_cart.js)，來(lái)實(shí)現(xiàn)購(gòu)物車的功能。