HTML5文件結構
阿新 • • 發佈：2020-08-09
HTML5頁面結構
HTML4.01之前,通常使用DIV+CSS來進行頁面佈局
HTML5採用頁首、頁尾、導航、文章內容等結構元素來進行頁面佈局
HTML5頁面結構元素語法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>HTML文件結構</
HTML5新增結構元素
1.header標記
header標記定義文件和區域的頁首，通常是一些引導和導航資訊。
通常
標記至少包含(但不侷限於)一個標題標記(h1~h6), 也可以包括hgroup(標題組合)標記、表格標記、搜尋表單、導航等。
2.nav標記
nav標記代表頁面的一個部分, 是一個可以作為頁面導航的連結組。
不要在footer元素中使用nav元素，否則易造成頁面顯示不正確
3.article標記
article標記是一個特殊的section標記, 它比section具有更明確的語義,它代表一個獨立的、完整的相關內容塊，可獨立於頁面其他內容使用。
4.section標記
section標記定義文件中的節。例如章節、頁首、頁尾或文件中的其他部分。
一般用於成節的內容，會在文件流中開始一個新的節。
用來表現普通的文件內容或應用區塊，通常由內容及其標題組成。
5.aside標記
aside（側欄，也稱旁註）標記用來說明其所在包含的內容與頁面主要內容相關，但不是該頁面的一部分，類似於使用括號對正文進行註釋。
6.footer標記
footer標記定義section或文件的頁尾，包含了與頁面、文章或部分內容相關的資訊，例如文章的作者或日期。