HTML5是目前最新的HTML標準,它允許開發者在網站上實現更多的功能并為用戶提供更好的體驗。下面是一個HTML5網站的代碼示例:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5網站示例</title> </head> <body> <header> <h1>歡迎來到我們的網站</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> <p>我們提供高質量的產品和服務,滿足客戶的需求。</p> <img src="product.jpg" alt="我們的產品"> <p>了解更多信息,請查看我們的產品介紹頁面。</p> </section> <section> <h2>關于我們</h2> <p>我們是一家致力于為客戶提供最好的服務的公司。</p> <p>請聯系我們以了解更多信息。</p> </section> </main> <footer> <p>版權所有 ? 2021 我們的公司。</p> </footer> </body> </html>
在這段代碼中,<!doctype html>指定了這個文檔的類型為HTML5。<html>標簽表示整個文檔的開始和結束,設置了文檔的語言。<head>標簽用于指定文檔的元數據,如編碼和標題。<body>標簽包含了文檔的實際內容。
<header>標簽定義了網站的頭部區域,包括網站的標題和導航鏈接。<nav>標簽用于定義網站的導航欄,<ul>標簽定義了鏈接列表。<main>標簽定義了網站的主要內容區域,它包含了頁面中的兩個部分,使用<section>標簽分開。<article>標簽可以表示文章或文章的一部分。<img>標簽定義了一個圖像,并使用"alt"屬性提供了替代文本,以防止圖像無法顯示時提供有用的信息。<footer>標簽包含了網站的頁腳信息,包括版權和其他有用的信息。
總之,HTML5是一個非常強大的工具,可以幫助我們創建更加豐富和有用的網站。使用HTML5開發網站,可以讓用戶在使用網站時更加愉快并提升網站的價值。