隨著智能手機的廣泛應用，越來越多的人選擇通過手機來獲取新聞信息。為了更好地滿足用戶需求，我們可以使用HTML5來開發手機新聞網頁。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>手機新聞</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/style.css" rel="stylesheet"> </head> <body> <header> <h1>手機新聞</h1> </header> <nav> <ul> <li><a href="#">國內</a></li> <li><a href="#">國際</a></li> <li><a href="#">娛樂</a></li> <li><a href="#">體育</a></li> </ul> </nav> <main> <section> <h2>國內要聞</h2> <ul> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> </ul> </section> <section> <h2>國際要聞</h2> <ul> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> </ul> </section> <section> <h2>娛樂資訊</h2> <ul> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> </ul> </section> <section> <h2>體育新聞</h2> <ul> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> <li><a href="#">xxx</a> <span>2022年1月1日</span></li> </ul> </section> </main> <footer> <p>? 2022 手機新聞網</p> </footer> </body> </html>
以上是一個簡單的HTML5代碼示例，我們可以根據實際需求進行修改和完善，讓用戶在手機上更便捷地獲取新聞信息。
上一篇文字的邊框樣式+css
下一篇html5做導航條的代碼