首页写一个H5的html页面

写一个H5的html页面

时间: 2023-03-19 16:24:16 浏览: 198

以下是一个简单的 H5 HTML 页面示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的H5页面</title> </head> <body> <header> <h1>欢迎来到我的H5页面</h1> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <section> <h2>最新消息</h2> <article> <h3>这是一篇新闻</h3> <p>今天天气晴朗，万里无云。</p> </article> <article> <h3>这是另一篇新闻</h3> <p>明天下雨，记得带伞。</p> </article> </section> <section> <h2>产品介绍</h2> <article> <h3>产品一</h3> <p>这是产品一的介绍。</p> </article> <article> <h3>产品二</h3> <p>这是产品二的介绍。</p> </article> </section> </main> <footer> <p>版权所有 © 2023 我的H5页面</p> </footer> </body> </html> ``` 这个页面包括了一个页面标题、页面头部、页面主体和页面底部。在页面头部，我们使用了 meta 标签来设置字符集为 UTF-8，这样可以确保网页中文字符能够正确显示。在页面主体部分，我们使用了 header 元素来包含网页的标题和导航菜单，使用了 main 元素来包含网页的主要内容，使用了 footer 元素来包含网页的版权信息。在主要内容部分，我们使用了 section 元素来划分不同的内容区块，使用了 article 元素来包含具体的文章内容。

阅读全文