要使用HTML5純代碼寫蘋果手機QQ聊天界面，需要掌握HTML5的基本語法和CSS3的基本樣式，還需要了解一些JavaScript的基本知識。

以下是一個簡單的HTML代碼樣例，使用了HTML5的語法和CSS3的樣式：

<div class="chat">
<ul>
<li>
<p class="self">我是Jack，你是誰？</p>
<p class="time">09:40 AM</p>
</li>
<li>
<p class="other">我是Lucy，你認錯人了！</p>
<p class="time">09:41 AM</p>
</li>
</ul>
</div>
<style>
.chat ul {
margin: 0;
padding: 0;
list-style: none;
}
.chat li {
margin: 10px 0;
padding: 0;
}
.chat .self {
background-color: #69c2ed;
color: #fff;
padding: 7px 10px;
border-radius: 10px;
max-width: 65%;
float: right;
}
.chat .other {
background-color: #e5e5ea;
color: #000;
padding: 7px 10px;
border-radius: 10px;
max-width: 65%;
float: left;
}
.chat .time {
font-size: 12px;
color: #999;
text-align: right;
margin-top: 5px;
}
</style>

上述代碼實現了簡單的聊天列表功能，使用HTML的<ul>和<li>標簽，通過CSS樣式實現左右浮動和不同背景顏色，同時加入時間戳顯示。