HTML5是網頁設計和開發的基礎,它為網頁提供結構、語義和樣式。HTML5包含很多標簽,以下是一些最常用的標簽:
<!DOCTYPE html> <html> <head> <title>這是頁面標題</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>這是網頁頭部</h1> <nav> <ul> <li><a href="#">鏈接1</a></li> <li><a href="#">鏈接2</a></li> <li><a href="#">鏈接3</a></li> </ul> </nav> </header> <main> <article> <h2>這是文章標題</h2> <p>這是文章內容</p> <figure> <img src="image.jpg" alt="圖片"> <figcaption>這是圖片標題</figcaption> </figure> </article> <aside> <h3>這是側邊欄標題</h3> <p>這是側邊欄內容</p> </aside> </main> <footer> <p>這是網頁底部</p> </footer> </body> </html>
在HTML5中,<!DOCTYPE html>用于聲明文檔類型,而<html>標簽通常用來包含整個文檔內容。
<head>標簽包含了文檔的元數據和其他信息,如頁面標題、字符集和樣式表等。而<body>標簽則包含可視化的內容,如文本、圖片、鏈接等。
<header>標簽表示網頁頭部,通常包含網站的名稱和導航菜單。<nav>標簽用于定義導航鏈接。
<main>標簽包含頁面的主要內容,并包含了一個或多個<article>標簽。<article>標簽用于表示一個獨立的文章或頁面區域,通常包含一個標題和內容。<aside>標簽通常放在頁面的側邊欄,包含額外的信息。
<footer>標簽表示網頁底部,通常包含版權信息和聯系方式等。
以上是一些HTML5代碼中最常用的標簽,這些標簽能夠創建出多樣化的網頁內容,同時也提供了優秀的語義化,使得搜索引擎能夠更好地理解頁面內容。
上一篇無縫滾動 js css
下一篇html5代碼變成圖片