（六）語義化標籤、列表
阿新 • • 發佈：2020-07-30
語義化標籤
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <!-- 佈局標籤（結構化語義標籤） --> <!-- header 表示網頁的頭部 main 表示網頁的主體部分 footer 表示網頁的底部 nav 表示網頁中的導航 aside 和主體相關的其他內容（側邊欄） article 表示一個獨立的文章 section 表示一個獨立的區塊，上邊的標籤都不能表示時使用section div 沒有語義，就用來表示一個區塊，目前來講div還是我們主要的佈局元素 span 行內元素，沒有語義，一般用於網頁中選中文字--> <header></header> <main></main> <footer></footer> <nav></nav> <aside></aside> <section></section> <div></div> <span></span> </body> </html>
列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 列表（list） 1.鉛筆 2.尺子 3.橡皮 在html中也可以建立列表，html列表一共有三種 1.有序列表 2.無序列表 3.定義列表 無序列表，使用ul標籤來建立無序列表（用的最多） 使用li表示列表項 有序列表，使用ol標籤來建立有序列表 使用li表示列表項 定義列表，使用dl標籤來建立一個定義列表 使用dt來表示定義的內容 使用dd來對內容進行解釋說明--> <ul> <li>結構</li> <li>表示</li> <li>行為</li> </ul> <ol> <li>結構</li> <li>表示</li> <li>行為</li> </ol> <dl> <dt>結構</dt> <dd>結構表示網頁的結構，結構用來規定網頁中哪裡是標題，哪裡是段落</dd> </dl> <ul> <li> aa <ul> <li>aa1</li> <li> aa2 <ul> <li>aa1</li> <li>aa2</li> <!-- 可以互相巢狀 --> </ul> </li> </ul> </li> </ul> </body> </html>