HTML5是一種基于標(biāo)記語言的技術(shù),用于創(chuàng)建網(wǎng)站和應(yīng)用程序。在這個(gè)技術(shù)中,您可以使用許多標(biāo)記來編寫網(wǎng)站的各個(gè)部分,比如網(wǎng)頁結(jié)構(gòu)、文本、圖像和視頻等等。下面是一個(gè)簡(jiǎn)單的HTML5代碼示例,包含了結(jié)構(gòu)、文本和圖像標(biāo)記。
<!DOCTYPE html> <html> <head> <title>我的第一個(gè)網(wǎng)站</title> </head> <body> <header> <h1>歡迎來到我的網(wǎng)站</h1> <p>這是我的第一個(gè)網(wǎng)站。</p> </header> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">博客</a></li> <li><a href="#">關(guān)于我</a></li> </ul> </nav> <main> <section> <h2>我的博客文章</h2> <p>這是我最近發(fā)布的一篇博客文章。</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet justo enim. Ut in condimentum velit, nec hendrerit lectus. Vestibulum fermentum felis eu sapien egestas mattis.</p> </section> <aside> <h2>關(guān)于我</h2> <img src="img/me.jpg" alt="我" width="200" height="200"> <p>我是一名網(wǎng)絡(luò)開發(fā)人員,熱愛編程和設(shè)計(jì)。</p> </aside> </main> <footer> <p>版權(quán)所有 © 2021 我的網(wǎng)站。</p> </footer> </body> </html>在這個(gè)示例中,我們使用了許多HTML5標(biāo)記。以doctype標(biāo)記開頭告訴瀏覽器這是一個(gè)HTML5文檔。html標(biāo)記定義文檔的開始和結(jié)束。head標(biāo)記包含有關(guān)文檔的元數(shù)據(jù),例如標(biāo)題和其他鏈接。body標(biāo)記包含文檔的真實(shí)內(nèi)容。通過header標(biāo)記,我們添加了標(biāo)題、子標(biāo)題和一些簡(jiǎn)短的文本。我們使用nav標(biāo)記來創(chuàng)建一個(gè)導(dǎo)航菜單。main標(biāo)記用于定義文檔主要內(nèi)容的區(qū)域。在main標(biāo)記下,我們使用了section標(biāo)記來分隔文檔的不同部分。aside標(biāo)記用于包含一些次要內(nèi)容,與主要內(nèi)容區(qū)分開。最后,我們使用footer標(biāo)記來添加版權(quán)信息。