HTML5和小程序都是現今最為流行的前端開發技術，但是它們的代碼實現卻存在許多不同之處。

首先，在語法結構方面，HTML5主要使用標簽及屬性來實現頁面元素的展示和交互，而小程序則采用WXML和WXSS標簽及屬性組合來搭建頁面。這也使得小程序代碼更加簡潔易懂。

HTML5代碼實例：
<div class="container">
<h1>這是一個標題</h1>
<p>這是一個段落</p>
</div>
小程序代碼實例：
<view class="container">
<text class="title">這是一個標題</text>
<text class="content">這是一個段落</text>
</view>

另外，在接口調用方面，小程序相對于HTML5更加便利。小程序內部自帶API接口，可以直接使用自帶調用，而HTML5需要通過瀏覽器提供的接口進行調用，相對麻煩一些。

最后，在跨平臺方面，小程序相對于HTML5更具優勢。小程序支持在多個平臺上進行應用發布，可以在APP、微信、支付寶等平臺上運行，而HTML5只能在瀏覽器上運行。

小程序API調用示例：
wx.login({
success(res) {
if (res.code) {
// 發起網絡請求
wx.request({
url: 'https://test.com/onLogin',
data: {
code: res.code
}
})
} else {
console.log('登錄失敗！' + res.errMsg)
}
}
})
HTML5接口調用示例：
if (window.XMLHttpRequest) {
// 常規瀏覽器使用window.XMLHttpRequest對象
xmlhttp=new XMLHttpRequest();
} else {
// IE6、IE5使用ActiveXObject對象
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

總的來說，HTML5與小程序各有優缺點，最終應根據開發需求及所在平臺的實際情況來選擇使用。在積累經驗后，我們可以更好地掌握它們的區別并靈活應用其中的優點。