HTML5提供了許多新的語義化標簽，比如<section>、<article>、<header>、<footer>等等，使得我們能夠更好地描述網頁的結構和內容。除此之外，HTML5還引入了一些新的屬性和功能，例如，<video>、<audio>、<canvas>等元素，能夠幫助我們更好地實現網頁的交互和媒體顯示效果。
<!DOCTYPE html> <html> <head> <title>HTML5入門教程</title> </head> <body> <header> <h1>這是網頁的標題</h1> <p>這是網頁的一些簡介性描述文字</p> </header> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">關于我們</a></li> <li><a href="#">聯系方式</a></li> </ul> </nav> <section> <article> <h2>這是一篇文章的標題</h2> <p>這是文章的內容......</p> </article> <article> <h2>這是另一篇文章的標題</h2> <p>這是文章的內容......</p> </article> </section> <aside> <h3>最新消息</h3> <p>這里顯示最新的一些消息......</p> </aside> <footer> <p>版權所有：xxx公司，2018年</p> </footer> </body> </html>
以上是一個簡單的HTML5網頁結構的代碼示例，可以看到，我們使用了<header>、<nav>、<section>、<article>、<aside>、<footer>等語義化標簽來描述網頁的結構。同時，在<ul>、<li>、<a>等標簽中也利用了HTML5新增的一些屬性，比如<a>標簽中的"href"、"target"屬性等。
上一篇web前端css框架代碼
下一篇html5宇宙星空代碼