使用HTML5编写的网页可以通过以下方法进行手机端编程：
使用媒体查询
利用CSS3的媒体查询可以根据设备的特性应用不同的样式。例如：
```css
@media only screen and （max-width: 600px） {
body {
font-size: 14px；
}
}
```
这段代码会在设备宽度小于600px时将文本字体大小设置为14px，从而实现响应式设计。
使用视口（Viewport）
在HTML文档的`
`部分添加视口元数据，可以控制网页在移动设备上的显示方式。例如：```html
```
这行代码告诉浏览器使用设备的宽度作为视口宽度，并保持初始缩放比例为1，确保网页在不同尺寸的设备上显示正常。
弹性布局
使用CSS的弹性盒子模型（Flexbox）可以实现弹性布局，根据设备大小动态调整网页布局。例如：
```css
.container {
display: flex；
}
```
通过弹性布局，可以使得页面元素在不同屏幕尺寸下都能良好地展示。
添加meta标签
在HTML头部添加特定的meta标签，可以实现对移动设备的优化。例如：
```html
```
这行代码可以防止电话号码被自动识别为链接。
使用框架
可以使用如Cordova等框架将HTML5应用打包成原生安卓应用程序，从而在手机端运行。例如：
```html
```
通过Cordova，可以将HTML5、CSS和JavaScript代码编译成原生安卓应用，具有较好的跨平台性。
响应式图片
对图片进行优化，如压缩图片大小或使用WebP格式，以提高页面加载速度。例如：
```html
```
优化图片可以有效提升用户体验，特别是在移动设备上。
选择合适的字体
选择易读性高的字体，以提升文章的可读性。例如：
```css
body {
font-family: Arial, sans-serif；
}
```
合适的字体能够使得内容更加清晰易读。
通过以上方法，可以有效地使用HTML5编写出适应手机端的网页，并确保在不同设备上都有良好的显示效果和用户体验。