HTML5是一種新的HTML標準，其增強了語義標記，添加了許多新的元素和API，因此它成為編寫手機APP頁面的最佳選擇。
<!DOCTYPE html> <html> <head> <title>My Mobile App</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <header> <h1>Welcome to My Mobile App!</h1> </header> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> <main> <section id="home"> <h2>Home</h2> <p>Welcome to my mobile app homepage!</p> <img src="images/home.jpg" alt="Home"> </section> <section id="about"> <h2>About</h2> <p>Learn more about my mobile app here.</p> <div class="features"> <ul> <li>Easy-to-use interface</li> <li>Fast loading times</li> <li>Customizable settings</li> </ul> </div> </section> <section id="contact"> <h2>Contact</h2> <form action="submit.php" method="post"> <label for="name">Name:</label> <input type="text" id="name" name="name"> <label for="email">Email:</label> <input type="email" id="email" name="email"> <label for="message">Message:</label> <textarea id="message" name="message"></textarea> <button type="submit">Send</button> </form> </section> </main> <footer> <p>Copyright © My Mobile App</p> </footer> </body> </html>
上面是一個基本的HTML5代碼骨架，包括頭部、導航、主要內(nèi)容、頁腳等。在主要內(nèi)容中，使用了section元素，分別表示首頁、關(guān)于頁面和聯(lián)系頁面，在每個section中添加了適當?shù)臉擞浐蛢?nèi)容。此外，使用了其他元素，如img、ul、li、label、input和textarea等，以實現(xiàn)更具體的功能。在代碼中使用了CSS樣式表來定制頁面的樣式，這里不再贅述。總之，HTML5提供了很多便捷的方式來構(gòu)建手機APP頁面，通過結(jié)合其他技術(shù)，可以實現(xiàn)更加復雜、豐富的應(yīng)用場景。