HTML5是一種新一代的網頁標準,它加強了對多媒體和動態網頁的支持。下面是一些HTML5代碼例子,讓我們一起來學習。
首先,讓我們來看一下基本的HTML5文檔結構:、
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My HTML5 Webpage</title> </head> <body> <h1>Welcome to my webpage!</h1> <p>This is my first HTML5 webpage.</p> </body> </html>上面的代碼使用了DOCTYPE聲明,告訴瀏覽器這是一個HTML5文檔。meta標簽指定了網頁使用的字符集,title標簽定義了網頁標題。body標簽是網頁內容的容器,其中包含一個h1標簽和一個p標簽,分別用于定義標題和段落。 接下來,讓我們來看一下HTML5中新增的一些語義化標簽,如header、footer、nav、section等:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>My HTML5 Webpage</title> </head> <body> <header> <h1>My Webpage</h1> <nav> <a href="#">Home</a> <a href="#">About</a> <a href="#">Contact</a> </nav> </header> <section> <h2>About</h2> <p>This is my first HTML5 webpage.</p> </section> <footer> <p>Copyright © 2021</p> </footer> </body> </html>上面的代碼使用了