HTML（即Hyper Text Markup Language）是一種用來描述網頁的語言。HTML5是HTML的第五個版本，因而它的基礎語法和標簽與以前的版本有很大不同。現在，讓我們來探索一下HTML5的主要標簽，并用代碼進行清晰的圖解。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5代碼圖解</title> </head> <body> <header> <nav> <ul> <li><a href="#">首頁</a></li> <li><a href="#">博客</a></li> <li><a href="#">聯系我們</a></li> </ul> </nav> </header> <section> <article> <h1>文章標題</h1> <p>這是一段文章內容。</p> <p>這是另一段文章內容。</p> <figure> <img src="圖片地址" alt="圖片描述"> <figcaption>圖片標題</figcaption> </figure> </article> <aside> <h2>側邊欄標題</h2> <p>這是側邊欄內容。</p> </aside> </section> <footer> <p>版權所有 ? 2021 HTML5代碼圖解</p> </footer> </body> </html>
首先，在html標簽中，DOCTYPE定義文檔的類型為html。在head標簽中，設置頁面的標題和字符集為UTF-8。在body標簽中，頁面的主要部分位于header、section和footer標簽中。Header中用一個nav標簽來展示網頁導航。在section標簽中，我們可以看到一個article標簽和一個aside標簽，其中article標簽用來展示文章內容，aside標簽用來展示側邊欄內容。在footer標簽中，我們可以看到版權信息的聲明。
在article標簽中，我們用h1標簽來定義文章的標題，p標簽來定義文章的內容。我們還可以使用figure標簽來顯示圖片。在figure標簽中，我們可以使用img標簽來顯示圖片，“src”屬性用來定義圖片的地址，"alt"屬性用來定義圖片的描述，figcaption標簽用來定義圖片的標題。
最后，使用pre標簽無需編寫轉義代碼即可在網頁上顯示代碼、格式和空格，非常方便。在我們的示例中，我們將HTML代碼包含在pre標簽中，使其更容易識別和理解。
上一篇無效的css